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

Add responsive to location page

Browse Source
This commit is contained in:
Shelby Kay
2021-10-12 18:26:02 +02:00
parent 56c523679b
commit 9ba96efd6d
3 changed files with 149 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/style/_typography.scss
View File

@@ -14,21 +14,29 @@
// House Name
.title-image {
font-size: rem(88px);
font-size: rem(40px);
font-family: $font-serif;
line-height: 1;
color: $color-secondary;
@include bp (sm) {
font-size: clamp(#{rem(40px)}, 7vw, #{rem(88px)});
}
}
// House Number
.title-index {
font-size: rem(280px);
font-size: rem(80px);
font-family: $font-serif;
letter-spacing: -0.05em;
font-weight: 200;
line-height: 1;
color: rgba($color-tertiary, 0.6);
@include bp (sm) {
font-size: clamp(#{rem(80px)}, 24vw, #{rem(280px)});
}
}
// Medium
@@ -73,9 +81,12 @@
line-height: 1.4;
@include bp (sm) {
font-size: rem(28px);
font-size: rem(24px);
line-height: 1.5;
}
@include bp (md) {
font-size: rem(28px);
}
}
// Normal
@@ -94,8 +105,13 @@
// Photo date
.text-date {
font-size: rem(16px);
line-height: 1.4;
font-size: rem(14px);
line-height: 1.3;
@include bp (sm) {
font-size: rem(16px);
line-height: 1.4;
}
}
// Label