messing with font sizes
This commit is contained in:
26
css/skeleton.css
vendored
26
css/skeleton.css
vendored
@@ -129,8 +129,8 @@
|
||||
html {
|
||||
font-size: 100%; }
|
||||
body {
|
||||
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||
line-height: 1.6;
|
||||
font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||
line-height: 1;
|
||||
font-weight: 400;
|
||||
font-family: sans-serif;
|
||||
color: var(--body-text);
|
||||
@@ -144,22 +144,12 @@ h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2rem;
|
||||
font-weight: 300; }
|
||||
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
|
||||
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
|
||||
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
|
||||
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
|
||||
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
|
||||
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
|
||||
|
||||
/* Larger than phablet */
|
||||
@media (min-width: 550px) {
|
||||
h1 { font-size: 5.0rem; }
|
||||
h2 { font-size: 4.2rem; }
|
||||
h3 { font-size: 3.6rem; }
|
||||
h4 { font-size: 3.0rem; }
|
||||
h5 { font-size: 2.4rem; }
|
||||
h6 { font-size: 1.5rem; }
|
||||
}
|
||||
h1 { font-size: 2.0rem; line-height: 1.5; letter-spacing: -.1rem;}
|
||||
h2 { font-size: 1.6rem; line-height: 1.4; letter-spacing: -.1rem; }
|
||||
h3 { font-size: 1.2rem; line-height: 1.3; letter-spacing: -.1rem; }
|
||||
h4 { font-size: 1.0rem; line-height: 1.3; letter-spacing: -.08rem; }
|
||||
h5 { font-size: 1.0rem; line-height: 1.3; letter-spacing: -.05rem; }
|
||||
h6 { font-size: 1.0rem; line-height: 1.3; letter-spacing: 0; }
|
||||
|
||||
p {
|
||||
margin-top: 0; }
|
||||
|
||||
Reference in New Issue
Block a user