xarxaprod
/
oficinasuport-wp-theme
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
sass/base/typography/_headings.scss
View File

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

16
style.css
View File

@ -405,31 +405,31 @@ textarea {
} }
h1 { h1 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h2 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h3 {
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h4 {
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h5 {
font-family: "din-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h6 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 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 { h1 {
font-size: 3.5rem; font-size: 3.5rem;
} }
@ -443,7 +443,7 @@ textarea {
font-size: 1.3rem; font-size: 1.3rem;
} }
h5 { h5 {
font-size: 1.3rem; font-size: 1.2rem;
} }
h6 { h6 {
font-size: 1.1rem; font-size: 1.1rem;

2
style.css.map
View File

File diff suppressed because one or more lines are too long