modified header sizes for small screens
This commit is contained in:
parent
055f78f357
commit
9c1855d78b
|
@ -1,32 +1,54 @@
|
|||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
text-transform: uppercase;
|
||||
clear: both;
|
||||
@media screen {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
text-transform: uppercase;
|
||||
clear: both;
|
||||
}
|
||||
h1 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*2;
|
||||
}
|
||||
h2 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*1.6;
|
||||
}
|
||||
h3 {
|
||||
font-family: $font__black;
|
||||
font-size: $font__size-body*1.4;
|
||||
}
|
||||
h4 {
|
||||
font-family: $font__bold;
|
||||
font-size: $font__size-body*1.2;
|
||||
}
|
||||
h5 {
|
||||
font-family: $font__medium;
|
||||
font-size: $font__size-body*1.2;
|
||||
}
|
||||
h6 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*1;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*3.5;
|
||||
}
|
||||
h2 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*2.5;
|
||||
}
|
||||
h3 {
|
||||
font-family: $font__black;
|
||||
font-size: $font__size-body*1.5;
|
||||
}
|
||||
h4 {
|
||||
font-family: $font__bold;
|
||||
font-size: $font__size-body*1.3;
|
||||
}
|
||||
h5 {
|
||||
font-family: $font__medium;
|
||||
font-size: $font__size-body*1.3;
|
||||
}
|
||||
h6 {
|
||||
font-family: $font__light;
|
||||
font-size: $font__size-body*1.1;
|
||||
@media screen and (min-width: 80em) {
|
||||
h1 {
|
||||
font-size: $font__size-body*3.5;
|
||||
}
|
||||
h2 {
|
||||
font-size: $font__size-body*2.5;
|
||||
}
|
||||
h3 {
|
||||
font-size: $font__size-body*1.5;
|
||||
}
|
||||
h4 {
|
||||
font-size: $font__size-body*1.3;
|
||||
}
|
||||
h5 {
|
||||
font-size: $font__size-body*1.3;
|
||||
}
|
||||
h6 {
|
||||
font-size: $font__size-body*1.1;
|
||||
}
|
||||
}
|
||||
|
|
87
style.css
87
style.css
|
@ -394,43 +394,60 @@ textarea {
|
|||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
text-transform: uppercase;
|
||||
clear: both;
|
||||
@media screen {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
text-transform: uppercase;
|
||||
clear: both;
|
||||
}
|
||||
h1 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 2rem;
|
||||
}
|
||||
h2 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
h3 {
|
||||
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
h4 {
|
||||
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h5 {
|
||||
font-family: "din-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h6 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-family: "din-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 1.1rem;
|
||||
@media screen and (min-width: 80em) {
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue