From 3df35b6642432c16db32b8886e3be0785b1f4442 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 18 Jun 2022 14:53:06 +0200 Subject: Improved scrollbar colors --- src/_base.scss | 4 ++++ src/_utils.scss | 2 +- src/objects/_lightbox.scss | 5 ++++- 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; -- cgit v1.2.3-70-g09d2