font, refactor file and adjust some more sizes.
This commit is contained in:
1 parent
a5bcf0c054
commit
fc2668008d
1 file changed
+39
-38
+39
-38
@@ -13,12 +13,24 @@
|
|||||||
font-family: system-ui, sans-serif;
|
font-family: system-ui, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* */
|
/* * /
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
|
font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
||||||
|
code, pre, .mono {
|
||||||
|
font-family:
|
||||||
|
ui-monospace,
|
||||||
|
SFMono-Regular,
|
||||||
|
Menlo, Monaco,
|
||||||
|
Consolas,
|
||||||
|
"Liberation Mono",
|
||||||
|
"Courier New",
|
||||||
|
monospace
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
/*** Font Sizes ***/
|
/*** Font Sizes ***/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
@@ -30,46 +42,35 @@
|
|||||||
text-size-adjust: 100%;
|
text-size-adjust: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
code, pre { font-size: 0.8rem; }
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, pre {
|
body { font-size: 1rem; }
|
||||||
font-size: 0.8rem;
|
p, li, a { font-size: 1rem; }
|
||||||
|
|
||||||
font-family:
|
b { font-size: 1.05rem; }
|
||||||
ui-monospace,
|
figcaption { font-size: 1.1rem; }
|
||||||
SFMono-Regular,
|
strong { font-size: 1.2rem; }
|
||||||
Menlo, Monaco,
|
img { font-size: 1.25rem; }
|
||||||
Consolas,
|
|
||||||
"Liberation Mono",
|
|
||||||
"Courier New",
|
|
||||||
monospace
|
|
||||||
;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, li, a {
|
/* More Subtle */
|
||||||
font-size: 1rem;
|
h6 { font-size: 1.3rem; }
|
||||||
}
|
h5 { font-size: 1.4rem; }
|
||||||
|
h4 { font-size: 1.5rem; }
|
||||||
|
h3 { font-size: 1.6rem; }
|
||||||
|
h2 { font-size: 1.7rem; }
|
||||||
|
h1 { font-size: 1.8rem; }
|
||||||
|
/* */
|
||||||
|
|
||||||
b, figcaption {
|
/* More Pronounced * /
|
||||||
font-size: 1.1rem;
|
h6 { font-size: 1.30rem; }
|
||||||
font-weight: bold;
|
h5 { font-size: 1.55rem; }
|
||||||
}
|
h4 { font-size: 1.80rem; }
|
||||||
|
h3 { font-size: 1.95rem; }
|
||||||
|
h2 { font-size: 2.10rem; }
|
||||||
|
h1 { font-size: 2.35rem; }
|
||||||
|
/* */
|
||||||
|
|
||||||
strong, img {
|
/*** Font Weights ***/
|
||||||
font-size: 1.2rem;
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6, h5 {
|
b, figcaption { font-weight: bold; }
|
||||||
font-size: 1.5rem;
|
strong, img { font-weight: bolder; }
|
||||||
}
|
|
||||||
|
|
||||||
h4, h3 {
|
|
||||||
font-size: 1.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2, h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
Reference in new issue
Block a user