From cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 12:27:09 +0200
Subject: Paths

---
 src/scopes/_headings.scss | 90 +++++++++++++++++++++++++++--------------------
 1 file changed, 51 insertions(+), 39 deletions(-)

(limited to 'src/scopes/_headings.scss')

diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 23623fd..a6a7bbb 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -1,8 +1,8 @@
-@use 'sass:map';
-@use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
-@use '../objects/heading.vars' as heading;
+@use "sass:map";
+@use "sass:string";
+@use "pkg:iro-sass/bem";
+@use "pkg:iro-sass/props";
+@use "../objects/heading.vars" as heading;
 
 @mixin styles {
 	/* stylelint-disable-next-line scss/dollar-variable-pattern */
@@ -15,56 +15,62 @@
 		xxl: h1,
 	);
 
-	@include bem.scope('headings') {
+	@include bem.scope("headings") {
 		h1,
 		h2,
 		h3,
 		h4,
 		h5,
 		h6 {
-			display:               block;
-			margin-block-start:    props.get(heading.$margin-bs);
-			font-family:           props.get(heading.$font-family);
-			font-weight:           props.get(heading.$font-weight);
+			display: block;
+			margin-block-start: props.get(heading.$margin-bs);
+			font-family: props.get(heading.$font-family);
+			font-weight: props.get(heading.$font-weight);
 			font-feature-settings: props.get(heading.$feature-settings);
-			line-height:           props.get(heading.$line-height);
-			text-transform:        props.get(heading.$text-transform);
-			letter-spacing:        normal;
-			transform:             translateX(props.get(heading.$offset));
+			line-height: props.get(heading.$line-height);
+			text-transform: props.get(heading.$text-transform);
+			letter-spacing: normal;
+			transform: translateX(props.get(heading.$offset));
 		}
 
-		@include bem.elem('highlight') {
-			background-image: linear-gradient(to top,
-			transparent .15em,
-			props.get(heading.$bg-color) .15em,
-			props.get(heading.$bg-color) .6em,
-			transparent .6em);
+		@include bem.elem("highlight") {
+			background-image: linear-gradient(
+				to top,
+				transparent 0.15em,
+				props.get(heading.$bg-color) 0.15em,
+				props.get(heading.$bg-color) 0.6em,
+				transparent 0.6em
+			);
 		}
 
-		@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$sizes {
+		@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing,
+			$feature-settings, $text-transform, $text-color in heading.$sizes
+		{
 			#{map.get($-size-map, $mod)} {
-				font-family:           props.get($font-family);
-				font-size:             props.get($font-size);
-				font-weight:           props.get($font-weight);
+				font-family: props.get($font-family);
+				font-size: props.get($font-size);
+				font-weight: props.get($font-weight);
 				font-feature-settings: props.get($feature-settings);
-				line-height:           props.get($line-height);
-				color:                 props.get($text-color);
-				text-transform:        props.get($text-transform);
-				letter-spacing:        props.get($letter-spacing);
+				line-height: props.get($line-height);
+				color: props.get($text-color);
+				text-transform: props.get($text-transform);
+				letter-spacing: props.get($letter-spacing);
 			}
 		}
 
-		@include bem.modifier('display') {
-			@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$display--sizes {
+		@include bem.modifier("display") {
+			@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing,
+				$feature-settings, $text-transform, $text-color in heading.$display--sizes
+			{
 				#{map.get($-size-map, $mod)} {
-					font-family:           props.get($font-family);
-					font-size:             props.get($font-size);
-					font-weight:           props.get($font-weight);
+					font-family: props.get($font-family);
+					font-size: props.get($font-size);
+					font-weight: props.get($font-weight);
 					font-feature-settings: props.get($feature-settings);
-					line-height:           props.get($line-height);
-					color:                 props.get($text-color);
-					text-transform:        props.get($text-transform);
-					letter-spacing:        props.get($letter-spacing);
+					line-height: props.get($line-height);
+					color: props.get($text-color);
+					text-transform: props.get($text-transform);
+					letter-spacing: props.get($letter-spacing);
 				}
 			}
 		}
@@ -79,10 +85,16 @@
 					}
 				}
 
-				@include bem.modifier('display') {
+				@include bem.modifier("display") {
 					@each $mod, $value in heading.$sizes {
 						#{map.get($-size-map, $mod)} {
-							color: props.get(heading.$static-themes, $theme, --display, --#{$mod}, --text-color);
+							color: props.get(
+								heading.$static-themes,
+								$theme,
+								--display,
+								--#{$mod},
+								--text-color
+							);
 						}
 					}
 				}
-- 
cgit v1.3.1