Improved scrollbar colors

3 files changed, 9 insertions, 2 deletions

diff --git a/src/_base.scss b/src/_base.scss
index e5dc7e5..edb6f39 100644
--- a/src/_base.scss
+++ b/src/_base.scss
@@ -4,6 +4,10 @@
 @use 'mixins' as mx;
 @use 'config';
 
+html {
+    scrollbar-color: fn.color(--obj) fn.color(--bg);
+}
+
 html,
 body {
     height: 100%;
diff --git a/src/_utils.scss b/src/_utils.scss
index 24af04f..ddf9580 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -106,7 +106,7 @@ $dirs: (
     position: relative;
 }
 
-@include iro.bem-utility('sticky-top') {
+@include iro.bem-utility('p-sticky-top') {
     position: sticky;
     top:      0;
 }
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index b54f3e4..8ca592a 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -48,7 +48,10 @@
         display:               grid;
         grid-template-rows:    auto minmax(0, 1fr) auto;
         grid-template-columns: minmax(0, 1fr) auto;
-        grid-template-areas:   'header close' 'content content' 'footer footer';
+        grid-template-areas:
+            'header  close'
+            'content content'
+            'footer  footer';
         gap:                   fn.dim(--spacing);
         position:              relative;
         box-sizing:            border-box;