WIP: Refactoring

1 files changed, 13 insertions, 16 deletions

diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 5d84e61..6dcf7e9 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -8,37 +8,34 @@
     @include iro.props-store((
         --dims: (
             --offset: -.02em,
-        )
-    ), 'dims');
-
-    @include iro.props-store((
+        ),
         --colors: (
-            --light:  fn.global-color(--fg-hi),
-            --strong: fn.global-color(--fg-lo),
-            --bg:     fn.global-color(--bg-hi2),
+            --light:  fn.global-color(--text-mute),
+            --strong: fn.global-color(--heading),
+            --bg:     fn.global-color(--bg-l2),
         ),
-    ), 'colors');
+    ));
 
     @include iro.bem-object(iro.props-namespace()) {
         @include mx.set-font(--headline);
 
-        display:        block;
-        margin-top:     fn.global-dim(--heading --margin-top);
-        transform:      translateX(fn.dim(--offset));
-        letter-spacing: normal;
-        text-transform: none;
+        display:            block;
+        margin-block-start: fn.global-dim(--heading --margin-bs);
+        transform:          translateX(fn.dim(--offset));
+        letter-spacing:     normal;
+        text-transform:     none;
 
         & + & {
-            margin-top: fn.global-dim(--heading --margin-top-sibling);
+            margin-block-start: fn.global-dim(--heading --margin-bs-sibling);
         }
 
         @include iro.bem-elem('highlight') {
             background-image: linear-gradient(
                 to top,
-                transparent .05em,
+                transparent    .05em,
                 fn.color(--bg) .05em,
                 fn.color(--bg) .5em,
-                transparent .5em
+                transparent    .5em
             );
         }