summaryrefslogtreecommitdiffhomepage
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css36
1 files changed, 26 insertions, 10 deletions
diff --git a/src/style.css b/src/style.css
index 30e895d..ea9dc56 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,6 +7,7 @@
--accent: #DE935F;
--lesser: #969896;
--green: #B5BD68;
+ --aqua: #8ABEB7;
--blue: #81A2BE;
--red: #C66;
}
@@ -26,7 +27,7 @@ body > * { grid-column: 2; }
pre, code, kbd, samp {
font-family: var(--mono);
- font-size: 0.8rem;
+ font-size: 0.9rem;
color: var(--accent);
overflow-wrap: none;
}
@@ -37,7 +38,8 @@ h1 {
font-size: 1.8rem;
margin-bottom: 0;
}
-h2 { font-size: 1.2rem; }
+h2 { font-size: 1.2rem; }
+:is(h1, h2) > code { font-size: 1em; }
a { color: var(--accent); }
a:hover { text-decoration: none; }
@@ -107,12 +109,14 @@ figure > pre > code::before {
background-color: var(--bg);
}
-figure > img {
+figure > :where(img, object) {
display: block;
margin: 16px auto;
- width: 50%;
}
+figure > img { width: 50%; }
+figure > object { width: 100%; }
+
header > div {
display: flex;
justify-content: space-between;
@@ -125,10 +129,21 @@ header > div menu {
}
header > div li { list-style: none; }
-.c-cmt { color: var(--lesser); }
-.c-fn { color: var(--accent); }
-.c-kw { color: var(--green); }
-.c-pp { color: var(--blue); }
+p { margin-top: 0; }
+
+dl {
+ display: grid;
+ grid-template-columns: max-content auto;
+}
+
+.c-cmt, .sh-cmt { color: var(--lesser); font-style: italic; }
+ .sh-var { color: var(--blue); font-style: italic; }
+.c-fn, .sh-fn { color: var(--accent); }
+.c-kw, .sh-kw { color: var(--green); }
+.c-pp { color: var(--blue); }
+ .sh-str { color: var(--aqua); }
+ .sh-hd { color: var(--aqua); }
+
.diff-ins { color: var(--green); }
.diff-del { color: var(--red); }
.diff-loc { color: var(--lesser); }
@@ -136,10 +151,10 @@ header > div li { list-style: none; }
@media (min-width: 40em) {
body {
- font-size: 1.2rem;
+ font-size: 1.3rem;
line-height: 1.5;
}
- pre, code, kbd, samp { font-size: 1rem; }
+ pre, code, kbd, samp { font-size: 1.2rem; }
h1 { font-size: 3rem; }
h2 { font-size: 2.5rem; }
@@ -178,6 +193,7 @@ header > div li { list-style: none; }
abbr.cpu::before { content: 'Central Processing Unit'; }
abbr.ec::before { content: 'Embedded Controller'; }
+ abbr.gnu::before { content: 'GNU’s Not UNIX'; }
abbr.html::before { content: 'Hypertext Markup Language'; }
abbr.led::before { content: 'Light-Emitting Diode'; }
abbr.rgb::before { content: 'Red Green Blue'; }