Design
65 lines
1.9 KiB
Plaintext
65 lines
1.9 KiB
Plaintext
@s_banner_parallax_height: 500px;
|
|
@s_banner_parallax_padding: 130px;
|
|
@s_banner_parallax_img_height: 200px;
|
|
@s_banner_parallax_text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.86);
|
|
@s_banner_parallax_text_color: @color-alpha;
|
|
@s_banner_parallax_bg_position: center !important;
|
|
@s_banner_parallax_h1_size: 80px;
|
|
|
|
.s_banner_parallax_row_hook (){};
|
|
.s_banner_parallax_height_hook (){};
|
|
.s_banner_parallax_hero_bg_hook (){};
|
|
.s_banner_parallax {
|
|
margin-bottom: 0px !important;
|
|
|
|
@media screen and (max-width: 768px) {
|
|
background-position: @s_banner_parallax_bg_position;
|
|
}
|
|
.s_banner_parallax_height_hook;
|
|
|
|
.container-fluid {
|
|
padding: 0;
|
|
|
|
.row {
|
|
height: @s_banner_parallax_height;
|
|
.s_banner_parallax_row_hook;
|
|
|
|
.hero-bg {
|
|
padding-left: @s_banner_parallax_padding;
|
|
color: @s_banner_parallax_text_color;
|
|
.s_banner_parallax_hero_bg_hook;
|
|
|
|
@media screen and (max-width: 768px) {
|
|
text-align: center;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: @s_banner_parallax_h1_size;
|
|
text-shadow: @s_banner_parallax_text-shadow;
|
|
|
|
@media screen and (max-width: 360px) {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
font-size: 40px;
|
|
text-shadow: @s_banner_parallax_text-shadow;
|
|
|
|
@media screen and (max-width: 360px) {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-height: @s_banner_parallax_img_height;
|
|
|
|
@media screen and (max-width: 360px) {
|
|
max-height: 200px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |