card -> media

4 files changed, 12 insertions, 6 deletions

diff --git a/src/_layouts.scss b/src/_layouts.scss
index 331eb7e..cc8b1c5 100644
--- a/src/_layouts.scss
+++ b/src/_layouts.scss
@@ -1,4 +1,4 @@
-@use 'layouts/card';
+@use 'layouts/media';
 @use 'layouts/container';
 @use 'layouts/button-group';
 @use 'layouts/form';
diff --git a/src/layouts/_card.scss b/src/layouts/_media.scss
index 176df06..61f3cda 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_media.scss
@@ -1,7 +1,7 @@
 @use 'iro-sass/src/index' as iro;
 @use '../functions' as fn;
 
-@include iro.props-namespace('card') {
+@include iro.props-namespace('media') {
     @include iro.props-store((
         --dims: (
             --pad-x: fn.global-dim(--size --150),
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index e73b074..d1f37e0 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -17,6 +17,7 @@
 
         display:        block;
         margin-top:     fn.global-dim(--heading --margin-top);
+        transform:      translateX(-.06em);
         letter-spacing: normal;
         text-transform: none;
 
@@ -53,7 +54,8 @@
                 --spacing:     1px
             ));
 
-            color: fn.color(--strong);
+            transform: none;
+            color:     fn.color(--strong);
         }
 
         @include iro.bem-modifier('xs') {
@@ -65,7 +67,8 @@
                 --spacing:     1px
             ));
 
-            color: fn.color(--light);
+            transform: none;
+            color:     fn.color(--light);
         }
 
         @include iro.bem-elem('primary') {
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 2e7d88f..58bac7f 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -13,6 +13,7 @@
             @include mx.set-font(--headline);
 
             display:        block;
+            transform:      translateX(-.06em);
             letter-spacing: normal;
             text-transform: none;
         }
@@ -47,7 +48,8 @@
                 --spacing:     1px
             ));
 
-            color: fn.foreign-color(--heading, --strong);
+            transform: none;
+            color:     fn.foreign-color(--heading, --strong);
         }
 
         h6 {
@@ -59,7 +61,8 @@
                 --spacing:     1px
             ));
 
-            color: fn.foreign-color(--heading, --light);
+            transform: none;
+            color:     fn.foreign-color(--heading, --light);
         }
 
         @include iro.bem-elem('primary') {