cycat-project-website/_sass/components/_call.scss

61 lines
1.1 KiB
SCSS
Raw Normal View History

2020-08-23 12:01:06 +02:00
.call {
position: relative;
overflow: hidden;
background-color: $white-offset;
border-radius: 4px;
// box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
width: 100%;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
z-index: 2;
@include media-breakpoint-up(sm) {
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
.call-box-top {
flex: 1 0 auto;
padding: 20px;
@include media-breakpoint-up(md) {
}
}
.call-box-bottom {
flex: auto;
padding: 20px;
border-top: 1px solid darken($white-offset, 5%);
@include media-breakpoint-up(sm) {
flex: 0 0 auto;
border: none;
}
}
.call-name {
font-size: 1.1rem;
font-weight: bold;
}
.call-phone {
margin-bottom: 5px;
}
2020-08-27 08:23:31 +02:00
.call-email {
a {
color: $black;
}
}
2020-08-23 12:01:06 +02:00
strong {
font-weight: bold;
}
svg {
fill: lighten($secondary, 40%);
position: absolute;
bottom: -9px;
right: 0;
width: 100px;
height: 100px;
@include media-breakpoint-up(sm) {
width: 120px;
height: 120px;
}
}
}