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

Fix some responsive font sizes and margins

Browse Source
This commit is contained in:
Félix Péault
2022-08-21 11:52:24 +02:00
parent 2fd2d252ca
commit 1057c5728a
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/style/_typography.scss
View File

@@ -74,7 +74,7 @@
font-weight: 400; font-weight: 400;
line-height: 1.3; line-height: 1.3;
@include bp (sm) { @include bp (sd) {
font-size: rem(32px); font-size: rem(32px);
} }
} }
@@ -114,7 +114,7 @@
font-size: rem(24px); font-size: rem(24px);
line-height: 1.5; line-height: 1.5;
} }
@include bp (md) { @include bp (sd) {
font-size: rem(28px); font-size: rem(28px);
} }
} }
@@ -123,10 +123,14 @@
.text-normal { .text-normal {
font-size: rem(18px); font-size: rem(18px);
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.4;
@include bp (sm) { @include bp (sm) {
font-size: rem(20px);
}
@include bp (sd) {
font-size: rem(22px); font-size: rem(22px);
line-height: 1.5;
} }
} }
@@ -136,7 +140,7 @@
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
@include bp (sm) { @include bp (sd) {
font-size: rem(20px); font-size: rem(20px);
line-height: 1.5; line-height: 1.5;
} }

2
src/style/atoms/_site-title.scss
View File

@@ -54,6 +54,8 @@
} }
@include bp (sm) { @include bp (sm) {
display: flex; display: flex;
}
@include bp (sd) {
font-size: rem(96px); font-size: rem(96px);
} }

2
src/style/molecules/_heading.scss
View File

@@ -15,7 +15,7 @@
color: $color-secondary; color: $color-secondary;
@include bp (sm) { @include bp (sm) {
margin-top: 160px; margin-top: clamp(80px, 9vw, 160px);
} }
} }