jennifer/straysong_pico_theme
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

more messing with sizes

Browse Source
This commit is contained in:
Jennifer C J Radtke
2024-02-17 18:39:23 +00:00
parent 196fa69f51
commit 1401c05b59
1 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
css/skeleton.css vendored
View File

@@ -127,10 +127,10 @@
/* Base Styles /* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */ –––––––––––––––––––––––––––––––––––––––––––––––––– */
html { html {
font-size: 100%; } font-size: 85%; }
body { body {
font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */ font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1; line-height: 1.6;
font-weight: 400; font-weight: 400;
font-family: sans-serif; font-family: sans-serif;
color: var(--body-text); color: var(--body-text);
@@ -144,12 +144,22 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-top: 0;
margin-bottom: 2rem; margin-bottom: 2rem;
font-weight: 300; } font-weight: 300; }
h1 { font-size: 2.0rem; line-height: 1.5; letter-spacing: -.1rem;} h1 { font-size: 3.0rem; line-height: 1.2; letter-spacing: -.1rem;}
h2 { font-size: 1.6rem; line-height: 1.4; letter-spacing: -.1rem; } h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 1.2rem; line-height: 1.3; letter-spacing: -.1rem; } h3 { font-size: 2.4rem; line-height: 1.3; letter-spacing: -.08rem; }
h4 { font-size: 1.0rem; line-height: 1.3; letter-spacing: -.08rem; } h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.05rem; }
h5 { font-size: 1.0rem; line-height: 1.3; letter-spacing: -.05rem; } h5 { font-size: 1.5rem; line-height: 1.5; letter-spacing: 0; }
h6 { font-size: 1.0rem; line-height: 1.3; letter-spacing: 0; } h6 { font-size: 1.2rem; 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; }
}
p { p {
margin-top: 0; } margin-top: 0; }
@@ -166,7 +176,9 @@ a:hover {
–––––––––––––––––––––––––––––––––––––––––––––––––– */ –––––––––––––––––––––––––––––––––––––––––––––––––– */
summary:hover { summary:hover {
color: #0FA0CE; } color: #0FA0CE;
margin-top: 1em
}
/* Buttons /* Buttons