styled headers for small and medium size screens
This commit is contained in:
parent
9c1855d78b
commit
080068bb48
|
@ -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) {
|
||||
|
||||
}
|
||||
|
|
16
style.css
16
style.css
|
@ -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
Loading…
Reference in New Issue