From 3a3baddad1c801d77dc398d2c6980f3c14f4a47c Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sat, 30 Oct 2021 22:11:00 +0200
Subject: chore: move htdocs to repo root

---
 src/scss/base/_typography.scss | 48 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/scss/base/_typography.scss

(limited to 'src/scss/base/_typography.scss')

diff --git a/src/scss/base/_typography.scss b/src/scss/base/_typography.scss
new file mode 100644
index 0000000..b0504b7
--- /dev/null
+++ b/src/scss/base/_typography.scss
@@ -0,0 +1,48 @@
+@use "../abstracts/functions" as fun;
+
+*::selection {
+  background: fun.get-var(color-primary-light-opacity);
+}
+
+body {
+  background: fun.get-var(color-bg);
+  color: fun.get-var(color-fg);
+  font-size: fun.get-var(font-size-md);
+  line-height: fun.get-var(line-height);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul {
+  margin: 0 0 fun.get-var(spacing-sm);
+}
+
+a {
+  color: fun.get-var(color-primary);
+  text-decoration-thickness: fun.convert-px(2);
+  text-underline-offset: fun.convert-px(3);
+  transition: all 0.3s ease-in-out 0s;
+
+  &:hover,
+  &:focus {
+    color: fun.get-var(color-primary-light);
+    text-decoration-color: fun.get-var(color-primary-light);
+    text-decoration-thickness: fun.convert-px(4);
+  }
+
+  &:focus {
+    outline: fun.get-var(color-primary) dotted fun.convert-px(1);
+  }
+
+  &:active {
+    color: fun.get-var(color-primary-dark);
+    outline: none;
+    text-decoration-color: fun.get-var(color-primary-dark);
+    text-decoration-thickness: fun.convert-px(2);
+  }
+}
-- 
cgit v1.2.3