Update

1 files changed, 28 insertions, 12 deletions

diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index f725b0a..0a22828 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -1,11 +1,11 @@
 @include namespace('body') {
-    @include scope(namespace()) {
-        > :first-child {
-            //margin-top: 0;
-        }
-    }
-}
-@include namespace('body') {
+    @include store((
+        --colors: (
+            --emph-fg: prop(--colors --accent --color, $global: true),
+            --emph-bg: prop(--colors --bg-hi, $global: true)
+        )
+    ));
+
     @include scope(namespace()) {
         font-size: 1 / 16 * 18em;
 
@@ -31,29 +31,45 @@
         }
 
         h1 {
-            @include iro-responsive-modular-scale(font-size, 4, $responsive-mod-scale);
+            @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale);
         }
 
         h2 {
-            @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale);
+            @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale);
         }
 
         h3 {
-            @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale);
+            @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
 
-            letter-spacing: .1em;
+            letter-spacing: .05em;
             text-transform: uppercase;
         }
 
         h4,
         h5,
         h6 {
-            @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
+            @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale);
 
             letter-spacing: .1em;
             text-transform: uppercase;
         }
 
+        h5,
+        h6 {
+            color:       currentColor;
+            font-weight: 400;
+        }
+
+        @include element('title-inner') {
+            background-image: linear-gradient(
+                to top,
+                transparent .15em,
+                #{prop(--colors --emph-bg)} .15em,
+                #{prop(--colors --emph-bg)} .6em,
+                transparent .6em
+            );
+        }
+
         img {
             max-width: 100%;
         }