Sha256: 24a7ed19bb866b1bc3de21d38123d08f2b7f4e9963016e51cd849a041487b19c
Contents?: true
Size: 1.06 KB
Versions: 11
Compression:
Stored size: 1.06 KB
Contents
.banner{
position: relative; /* This is needed for the positioning of the close icon on the blue banners*/
margin-bottom: $base-margin;
&>:last-child{
margin-bottom: 0;
}
&--blue{
@extend .banner;
background: $brand-blue-insurance;
padding: $base-padding;
}
&--red{
@extend .banner;
background: $brand-red;
padding: $base-padding;
}
&__title,
&__text{
color: $white;
}
&__container{
@include grid-row;
@include clearfix;
}
&__image-container{
@include large-2;
@include small-12;
}
&__image{
display: block;
margin: 0 auto;
}
&__content-container{
@include large-10;
@include small-12;
}
&__content{
position: relative;
&--vertical-center{
@include breakpoint(large){
@include vertical-center;
}
}
}
&__link{
@extend .link--white;
}
&__close{
@extend .fa;
@extend .fa-times-circle;
position: absolute;
top: 15px;
right: 15px;
&--white{
@extend .banner__close;
color: $white;
}
}
}
Version data entries
11 entries across 11 versions & 1 rubygems