styled headers for small and medium size screens

This commit is contained in:
jorge-vitrubio 2022-12-02 14:54:14 +01:00
parent 9c1855d78b
commit 080068bb48
3 changed files with 20 additions and 17 deletions

View File

@ -9,30 +9,30 @@
}
h1 {
font-family: $font__light;
font-size: $font__size-body*2;
font-size: $font__size-body*1.8;
}
h2 {
font-family: $font__light;
font-size: $font__size-body*1.6;
font-size: $font__size-body*1.5;
}
h3 {
font-family: $font__black;
font-size: $font__size-body*1.4;
font-size: $font__size-body*1.3;
}
h4 {
font-family: $font__bold;
font-size: $font__size-body*1.2;
font-size: $font__size-body*1.22;
}
h5 {
font-family: $font__medium;
font-size: $font__size-body*1.2;
font-size: $font__size-body*1.1;
}
h6 {
font-family: $font__light;
font-size: $font__size-body*1;
font-size: $font__size-body*1.1;
}
}
@media screen and (min-width: 80em) {
@media screen and (min-width: 48em) {
h1 {
font-size: $font__size-body*3.5;
}
@ -46,9 +46,12 @@
font-size: $font__size-body*1.3;
}
h5 {
font-size: $font__size-body*1.3;
font-size: $font__size-body*1.2;
}
h6 {
font-size: $font__size-body*1.1;
}
}
@media screen and (min-width: 80em) {
}

View File

@ -405,31 +405,31 @@ textarea {
}
h1 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 2rem;
font-size: 1.8rem;
}
h2 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.6rem;
font-size: 1.5rem;
}
h3 {
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.4rem;
font-size: 1.3rem;
}
h4 {
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.2rem;
font-size: 1.22rem;
}
h5 {
font-family: "din-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.2rem;
font-size: 1.1rem;
}
h6 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
font-size: 1.1rem;
}
}
@media screen and (min-width: 80em) {
@media screen and (min-width: 48em) {
h1 {
font-size: 3.5rem;
}
@ -443,7 +443,7 @@ textarea {
font-size: 1.3rem;
}
h5 {
font-size: 1.3rem;
font-size: 1.2rem;
}
h6 {
font-size: 1.1rem;

File diff suppressed because one or more lines are too long