aboutsummaryrefslogtreecommitdiff
path: root/static/styles/risotto/typography.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/styles/risotto/typography.css')
-rw-r--r--static/styles/risotto/typography.css138
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;
}