From 1a44092232713ef2063815bb03aadbb543e88ff6 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 12 Jan 2023 17:46:05 +0100
Subject: Improved heading structure

---
 src/_mixins.scss | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

(limited to 'src/_mixins.scss')

diff --git a/src/_mixins.scss b/src/_mixins.scss
index e8595f1..506b8ee 100644
--- a/src/_mixins.scss
+++ b/src/_mixins.scss
@@ -1,7 +1,7 @@
-@use 'functions';
+@use 'functions' as fn;
 
 @mixin set-font($basis, $values: ()) {
-    $values: functions.set-font($basis, $values);
+    $values: fn.set-font($basis, $values);
 
     @each $prop, $value in $values {
         @if $value != null {
@@ -9,3 +9,34 @@
         }
     }
 }
+
+@mixin heading-strong($size) {
+    color:     fn.foreign-color(--heading, --strong);
+    font-size: $size;
+}
+
+@mixin heading-medium($size) {
+    @include set-font(--standard, (
+        --line-height: null,
+        --size:        $size,
+        --weight:      bold,
+        --transform:   uppercase,
+        --spacing:     1px
+    ));
+
+    transform: none;
+    color:     fn.foreign-color(--heading, --strong);
+}
+
+@mixin heading-faint($size) {
+    @include set-font(--standard, (
+        --line-height: null,
+        --size:        $size,
+        --weight:      500,
+        --transform:   uppercase,
+        --spacing:     1px
+    ));
+
+    transform: none;
+    color:     fn.foreign-color(--heading, --light);
+}
-- 
cgit v1.2.3-54-g00ecf