flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update Shop intro and poster layout

Browse Source
This commit is contained in:
Félix Péault
2022-05-20 23:06:00 +02:00
parent 4edf5226f9
commit bf8b2f3ff3
3 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/style/pages/shop/_intro.scss
View File

@@ -4,11 +4,15 @@
&__intro {
position: relative;
z-index: 30;
height: 100vh;
min-height: 600px;
max-height: 1400px;
height: 30vw;
min-height: 430px;
overflow: hidden;
@include bp (lg) {
max-height: 400px;
min-height: 275px;
}
// Top Menu
.top {
position: absolute;
@@ -74,22 +78,18 @@
left: 50%;
width: 100%;
transform: translate3d(-50%, -50%, 0);
// font-size: clamp(#{rem(88px)}, 10vw, #{rem(140px)});
font-size: clamp(#{rem(48px)}, 7vw, #{rem(56px)});
font-weight: 400;
text-shadow: 0px 8px 12px rgba(#000, 0.25);
text-align: center;
letter-spacing: -0.02em;
@include bp (sm) {
// top: clamp(#{rem(40px)}, 16vw, #{rem(144px)});
top: 40%;
left: 0;
font-size: clamp(#{rem(40px)}, 8vw, #{rem(96px)});
transform: none;
}
@include bp (md) {
// top: clamp(#{rem(40px)}, 10vw, #{rem(96px)});
font-size: clamp(#{rem(40px)}, 6vw, #{rem(96px)});
}
span, strong {
color: #fff;