You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.7 KiB
95 lines
1.7 KiB
.slider-header{ |
|
width : 100%; |
|
justify-content: flex-end; |
|
&__right{ |
|
width: 60%; |
|
height: 100%; |
|
& img{ |
|
|
|
} |
|
} |
|
&__left{ |
|
width: 40%; |
|
height: 100%; |
|
justify-content : center; |
|
align-items: flex-end; |
|
padding-left: 70px; |
|
|
|
h1{ |
|
font-size: calc(100vw / 55); |
|
color: white; |
|
font-family: numeralBold; |
|
letter-spacing: -1px; |
|
} |
|
h2{ |
|
margin-top: 5px; |
|
font-size: calc(100vw / 78); |
|
color: white; |
|
font-family: numeralBold; |
|
} |
|
a{ |
|
text-decoration: none; |
|
color: white; |
|
margin-top: 10px; |
|
font-size: calc(100vw / 90); |
|
padding: 6px 10px; |
|
border : 1px solid white; |
|
border-radius: 5px; |
|
font-family: numeralMedium; |
|
&:hover{ |
|
color: white; |
|
} |
|
} |
|
} |
|
} |
|
|
|
|
|
.mobile-slider-header{ |
|
width : 100%; |
|
justify-content: flex-end; |
|
&__right{ |
|
width: 50%; |
|
height: 100%; |
|
justify-content : center; |
|
align-items: center; |
|
& img{ |
|
position: relative; |
|
width: 200%; |
|
height: 110%; |
|
right: 40px; |
|
bottom: 10px; |
|
} |
|
} |
|
&__left{ |
|
width: 50%; |
|
height: 100%; |
|
justify-content : center; |
|
align-items: flex-end; |
|
padding-left: 30px; |
|
|
|
h1{ |
|
font-size: calc(100vw / 37); |
|
color: white; |
|
font-family: numeralBold; |
|
} |
|
h2{ |
|
margin-top: 5px; |
|
font-size: calc(100vw / 48); |
|
color: white; |
|
font-family: numeralBold; |
|
} |
|
a{ |
|
text-decoration: none; |
|
color: white; |
|
margin-top: 10px; |
|
font-size: calc(100vw / 55); |
|
padding: 6px 10px; |
|
border : 1px solid white; |
|
border-radius: 5px; |
|
font-family: numeralMedium; |
|
&:hover{ |
|
color: white; |
|
} |
|
} |
|
} |
|
} |