<section class="s-promo-banner " style="background-image: url()">
<div class="row position position-relative position-lg-static">
<div class="promo ">
<div class="wrapper ">
</div>
</div>
</div>
</section>
<section class="s-promo-banner {{s_promo_banner_class}}" style="background-image: url({{s_promo_banner_bg}})">
<div class="row position position-relative position-lg-static">
<div class="promo {{s_promo_banner_promo_class}}">
<div class="wrapper {{s_promo_banner_wrapper_class}}">
{{#if s_promo_banner_text1_cont}}
<p class="text {{s_promo_banner_text1_class}}">{{s_promo_banner_text1_cont}}</p>
{{/if}}
{{#if s_promo_banner_text2_cont}}
<p class="text {{s_promo_banner_text2_class}}">{{s_promo_banner_text2_cont}}</p>
{{/if}}
{{#if s_promo_banner_text3_cont}}
<p class="tex {{s_promo_banner_text3_class}}">{{s_promo_banner_text3_cont}}</p>
{{/if}}
{{#if s_promo_banner_action_cont}}
<a href="" class="btn {{s_promo_banner_action_class}}">
{{#if s_promo_banner_action_icon_class}}
<i class="icon {{s_promo_banner_action_icon_class}}"></i>
{{/if}}
</a>
{{/if}}
</div>
</div>
</div>
</section>
/* No context defined. */
.s-promo-banner {
height: 480px;
background-attachment: fixed;
@include breakpoint(desktop) {
height: 600px;
}
.promo {
position: absolute;
top: 1.3rem;
left: 50%;
z-index: 5;
transform: translate(-50%, 0);
@include breakpoint(desktop) {
top: 50%;
transform: translate(-50%, -50%);
// transform: initial;
// left: 1rem
}
@include breakpoint(d_1920) {}
.wrapper {
background-color: rgba($color_black, 0.3);
@include breakpoint(desktop) { max-width: 600px !important; }
}
}
}
No notes defined.