diff options
Diffstat (limited to 'static/styles/risotto/typography.css')
| -rw-r--r-- | static/styles/risotto/typography.css | 138 |
1 files changed, 69 insertions, 69 deletions
diff --git a/static/styles/risotto/typography.css b/static/styles/risotto/typography.css index e56fb203..64a6ba26 100644 --- a/static/styles/risotto/typography.css +++ b/static/styles/risotto/typography.css @@ -1,12 +1,12 @@ /* Fonts */ :root { - --font-monospace: "Fira Mono", monospace; + --font-monospace: "Fira Mono", monospace; } body { - font-family: var(--font-monospace); - font-size: 16px; - line-height: 1.5rem; + font-family: var(--font-monospace); + font-size: 16px; + line-height: 1.5rem; } /* Headings */ @@ -16,9 +16,9 @@ h3, h4, h5, h6 { - font-size: 12px; - margin: 1.5rem 0 0 0; - font-weight: 600; + font-size: 12px; + margin: 1.5rem 0 0 0; + font-weight: 600; } h1 + h2, @@ -36,26 +36,26 @@ h3 + h6, h4 + h5, h4 + h6, h5 + h6 { - margin: 0; + margin: 0; } h1:before { - content: "# "; + content: "# "; } h2:before { - content: "## "; + content: "## "; } h3:before { - content: "### "; + content: "### "; } h4:before { - content: "#### "; + content: "#### "; } h5:before { - content: "##### "; + content: "##### "; } h6:before { - content: "###### "; + content: "###### "; } h1:before, @@ -64,93 +64,93 @@ h3:before, h4:before, h5:before, h6:before { - color: var(--muted); + color: var(--muted); } h1:first-child { - margin-top: 0; + margin-top: 0; } /* Paragraphs */ p { - margin: 0 0 1.5rem 0; + margin: 0 0 1.5rem 0; } /* Links */ a:link, a:visited { - color: var(--link); + color: var(--link); } a:hover, a:active, a.active { - color: var(--hover); + color: var(--hover); } /* Lists */ ul { - margin: 0 0 1.5rem 0; - padding-left: 1.25rem; + margin: 0 0 1.5rem 0; + padding-left: 1.25rem; } ol { - margin: 0 0 1.5rem 0; - padding-left: 1.75rem; + margin: 0 0 1.5rem 0; + padding-left: 1.75rem; } ul ul, ul ol, ol ul, ol ol { - margin: 0; + margin: 0; } ul li::marker { - content: "∗\00A0"; - color: var(--muted); + content: "∗\00A0"; + color: var(--muted); } ol li::marker { - color: var(--muted); + color: var(--muted); } dt { - margin: 0; - font-weight: bold; + margin: 0; + font-weight: bold; } dd { - margin: 0 0 0 1.5rem; - font-style: italic; + margin: 0 0 0 1.5rem; + font-style: italic; } dd + dt { - margin-top: 1.5rem; + margin-top: 1.5rem; } dl { - margin: 0 0 1.5rem 0; + margin: 0 0 1.5rem 0; } /* Blockquotes */ blockquote { - position: relative; - margin: 0 0 1.5rem 1.5rem; + position: relative; + margin: 0 0 1.5rem 1.5rem; } blockquote::before { - position: absolute; - left: -1.5rem; - content: ">"; - color: var(--muted); + position: absolute; + left: -1.5rem; + content: ">"; + color: var(--muted); } .twitter-tweet::before { - content: "\f099"; - font-family: "Font Awesome 5 Brands", sans-serif; - font-weight: 400; + content: "\f099"; + font-family: "Font Awesome 5 Brands", sans-serif; + font-weight: 400; } /* Code */ @@ -158,74 +158,74 @@ pre, code, kbd, samp { - background: var(--inner-bg) !important; - font-family: var(--font-monospace); - color: var(--off-fg); + background: var(--inner-bg) !important; + font-family: var(--font-monospace); + color: var(--off-fg); } pre { - overflow-x: auto; - padding: 1.5rem; - margin: 0 0 1.5rem 0; + overflow-x: auto; + padding: 1.5rem; + margin: 0 0 1.5rem 0; } /* Emphasis */ b, strong { - font-weight: 600; + font-weight: 600; } /* Highlighting */ ::selection, mark { - background-color: var(--highlight); - color: var(--bg); + background-color: var(--highlight); + color: var(--bg); } /* Other typographic elements */ hr { - border: 0; - margin-bottom: 1.5rem; + border: 0; + margin-bottom: 1.5rem; } hr:after { - content: "---"; - color: var(--muted); + content: "---"; + color: var(--muted); } /* Prevent super/sub from affecting line height */ sup, sub { - vertical-align: baseline; - position: relative; - top: -0.25rem; - font-size: unset; + vertical-align: baseline; + position: relative; + top: -0.25rem; + font-size: unset; } sub { - top: 0.25rem; + top: 0.25rem; } /* Tables */ table { - border-spacing: 0; - margin: 0 0 1.5rem 0; - overflow-wrap: anywhere; + border-spacing: 0; + margin: 0 0 1.5rem 0; + overflow-wrap: anywhere; } th, td { - padding: 0 0.75rem; - vertical-align: top; + padding: 0 0.75rem; + vertical-align: top; } th:first-child, td:first-child { - padding-left: 0; + padding-left: 0; } th { - text-align: inherit; + text-align: inherit; } /* Figures */ img { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } |