41 lines
810 B
SCSS
41 lines
810 B
SCSS
/*------------------------------------------------------------------
|
|
[Promo Section]
|
|
------------------------------------------------------------------*/
|
|
|
|
.promo-section {
|
|
@media (max-width: $screen-sm-max) {
|
|
.promo-section-col {
|
|
padding-top: 100px;
|
|
padding-bottom: 100px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $screen-md-min) {
|
|
@include position(relative);
|
|
height: $ver-center-block-height;
|
|
|
|
.promo-section {
|
|
&-col {
|
|
width: 45%;
|
|
}
|
|
|
|
&-img-left {
|
|
@include position(absolute, $top: 0, $right: 50%);
|
|
}
|
|
|
|
&-img-right {
|
|
@include position(absolute, $top: 0, $left: 50%);
|
|
}
|
|
}
|
|
|
|
.ver-center {
|
|
display: table;
|
|
height: $ver-center-block-height;
|
|
|
|
&-aligned {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
} |