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

modified header sizes for small screens

This commit is contained in:
jorge-vitrubio 2022-12-02 14:39:24 +01:00
parent 055f78f357
commit 9c1855d78b
3 changed files with 105 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,32 +1,54 @@
h1, @media screen {
h2, h1,
h3, h2,
h4, h3,
h5 { h4,
text-transform: uppercase; h5 {
clear: both; 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 { @media screen and (min-width: 80em) {
font-family: $font__light; h1 {
font-size: $font__size-body*3.5; font-size: $font__size-body*3.5;
} }
h2 { h2 {
font-family: $font__light; font-size: $font__size-body*2.5;
font-size: $font__size-body*2.5; }
} h3 {
h3 { font-size: $font__size-body*1.5;
font-family: $font__black; }
font-size: $font__size-body*1.5; h4 {
} font-size: $font__size-body*1.3;
h4 { }
font-family: $font__bold; h5 {
font-size: $font__size-body*1.3; font-size: $font__size-body*1.3;
} }
h5 { h6 {
font-family: $font__medium; font-size: $font__size-body*1.1;
font-size: $font__size-body*1.3; }
}
h6 {
font-family: $font__light;
font-size: $font__size-body*1.1;
} }

87
style.css
View File

@ -394,43 +394,60 @@ textarea {
line-height: 1.3; line-height: 1.3;
} }
h1, @media screen {
h2, h1,
h3, h2,
h4, h3,
h5 { h4,
text-transform: uppercase; h5 {
clear: both; 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 { @media screen and (min-width: 80em) {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; h1 {
font-size: 3.5rem; font-size: 3.5rem;
} }
h2 {
h2 { font-size: 2.5rem;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
font-size: 2.5rem; h3 {
} font-size: 1.5rem;
}
h3 { h4 {
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.3rem;
font-size: 1.5rem; }
} h5 {
font-size: 1.3rem;
h4 { }
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; h6 {
font-size: 1.3rem; font-size: 1.1rem;
} }
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;
} }
p { p {

2
style.css.map
View File

File diff suppressed because one or more lines are too long