From 365c56edcc36b5b92902bac01ce44b43d01e8685 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 18 Oct 2024 18:08:24 +0200
Subject: Refactoring

---
 src/_mixins.scss | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/_mixins.scss

(limited to 'src/_mixins.scss')

diff --git a/src/_mixins.scss b/src/_mixins.scss
new file mode 100644
index 0000000..49d3b6f
--- /dev/null
+++ b/src/_mixins.scss
@@ -0,0 +1,38 @@
+@use 'sass:list';
+@use 'functions' as fn;
+
+@mixin set-font($basis, $values: ()) {
+    $values: fn.set-font($basis, $values);
+
+    @each $prop, $value in $values {
+        @if $value != null {
+            #{$prop}: $value;
+        }
+    }
+}
+
+@mixin heading-strong($size) {
+    font-size: fn.global-dim(list.join(--heading, $size));
+    color:     fn.global-color(--heading);
+}
+
+@mixin heading-medium($size) {
+    @include set-font(--standard, (
+        --line-height: null,
+        --size:        fn.global-dim(list.join(--heading, $size)),
+        --weight:      bold
+    ));
+
+    color: fn.global-color(--heading);
+}
+
+@mixin heading-faint($size) {
+    @include set-font(--standard, (
+        --line-height: null,
+        --size:        fn.global-dim(list.join(--heading, $size)),
+        --weight:      500,
+        --spacing:     1px
+    ));
+
+    color: fn.global-color(--text-mute);
+}
-- 
cgit v1.3.1