aboutsummaryrefslogtreecommitdiffstats
path: root/src/parts/_typography.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/parts/_typography.css')
-rw-r--r--src/parts/_typography.css89
1 files changed, 89 insertions, 0 deletions
diff --git a/src/parts/_typography.css b/src/parts/_typography.css
new file mode 100644
index 0000000..2d275b7
--- /dev/null
+++ b/src/parts/_typography.css
@@ -0,0 +1,89 @@
+h1 {
+ font-size: 2.2em;
+ margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 12px;
+ margin-top: 24px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+ color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+ font-weight: 600;
+}
+
+q::before {
+ content: none;
+}
+
+q::after {
+ content: none;
+}
+
+blockquote,
+q {
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+blockquote > footer {
+ font-style: normal;
+ border: 0;
+}
+
+blockquote cite {
+ font-style: normal;
+}
+
+address {
+ font-style: normal;
+}
+
+a[href^='mailto\:']::before {
+ content: '📧 ';
+}
+
+a[href^='tel\:']::before {
+ content: '📞 ';
+}
+
+a[href^='sms\:']::before {
+ content: '💬 ';
+}
+
+mark {
+ background-color: var(--highlight);
+ border-radius: 2px;
+ padding: 0 2px 0 2px;
+ color: #000;
+}
+
+a > code,
+a > strong {
+ color: inherit;
+}