Refactoring

1 files changed, 38 insertions, 0 deletions

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);
+}