aboutsummaryrefslogtreecommitdiffstats
path: root/src/scss/base/_typography.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2021-10-30 22:11:00 +0200
committerArmand Philippot <git@armandphilippot.com>2021-10-30 22:52:23 +0200
commit3a3baddad1c801d77dc398d2c6980f3c14f4a47c (patch)
tree9e06aef730504470111c010e53a1857f7b01ab83 /src/scss/base/_typography.scss
parentc3045b163e74b42c0a0e71c646740c76d3bb5ba1 (diff)
chore: move htdocs to repo root
Diffstat (limited to 'src/scss/base/_typography.scss')
-rw-r--r--src/scss/base/_typography.scss48
1 files changed, 48 insertions, 0 deletions
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);
+ }
+}