Slightly smaller cards

5 files changed, 11 insertions, 11 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 5ba6853..8d5e41b 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -49,13 +49,13 @@ code {
 
 code {
     color:     prop(--colors --code --fg);
-    font-size: 1 / 16 * 15em;
+    font-size: px-to-em(15px);
 }
 
 pre {
     margin:      0;
     overflow-x:  auto;
-    font-size:   1 / 16 * 15em;
+    font-size:   px-to-em(15px);
     line-height: 1.4;
 
     code {
@@ -75,7 +75,7 @@ strong {
 
 small {
     color:     prop(--colors --fg-hi);
-    font-size: 1 / 16 * 14em;
+    font-size: px-to-em(14px);
 }
 
 ul,
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index c1d58db..a6a4c98 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -11,9 +11,9 @@
             ),
         ),
         --dims: (
-            --pad-x:        1.1em,
-            --pad-y:        .8em,
-            --hover-offset: -.3rem,
+            --pad-x:        1em,
+            --pad-y:        px-to-em(12px),
+            --hover-offset: px-to-em(-5px),
             --indicator: (
                 --width:  1em,
                 --height: 4px,
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 0a8d076..d33e929 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -17,8 +17,8 @@
         &::after {
             content:     str-repeat('░', 400);
             display:     block;
-            margin-top:  1 / 16 * 2em;
-            padding-top: 1 / 16 * 2em;
+            margin-top:  2px;
+            padding-top: 2px;
             overflow:    hidden;
             border-top:  1px solid prop(--colors --ground);
             color:       prop(--colors --ground);
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index a21c0a1..8b916aa 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -53,7 +53,7 @@
             padding:          prop(--dims --meta --pad-y) prop(--dims --meta --pad-x);
             background-color: prop(--colors --meta --bg);
             color:            prop(--colors --meta --fg);
-            font-size:        1 / 16 * 14rem;
+            font-size:        iro-px-to-rem(14px);
 
             + h1 {
                 margin-top: $line-height * .5rem;
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
index 6e035b6..bfd5caa 100644
--- a/assets/css/scopes/_headlines.scss
+++ b/assets/css/scopes/_headlines.scss
@@ -74,8 +74,8 @@
             vertical-align: -.02em;
 
             svg {
-                width:  1 / 16 * 12em;
-                height: 1 / 16 * 12em;
+                width:  px-to-em(12px);
+                height: px-to-em(12px);
             }
 
             &:link,