summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-18 14:53:06 +0200
committerVolpeon <git@volpeon.ink>2022-06-18 14:53:06 +0200
commit3df35b6642432c16db32b8886e3be0785b1f4442 (patch)
treee329f8574935d95e72c338815c7590aac9b9a762
parentUpdate (diff)
downloadiro-design-3df35b6642432c16db32b8886e3be0785b1f4442.tar.gz
iro-design-3df35b6642432c16db32b8886e3be0785b1f4442.tar.bz2
iro-design-3df35b6642432c16db32b8886e3be0785b1f4442.zip
Improved scrollbar colors
-rw-r--r--src/_base.scss4
-rw-r--r--src/_utils.scss2
-rw-r--r--src/objects/_lightbox.scss5
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 @@
4@use 'mixins' as mx; 4@use 'mixins' as mx;
5@use 'config'; 5@use 'config';
6 6
7html {
8 scrollbar-color: fn.color(--obj) fn.color(--bg);
9}
10
7html, 11html,
8body { 12body {
9 height: 100%; 13 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: (
106 position: relative; 106 position: relative;
107} 107}
108 108
109@include iro.bem-utility('sticky-top') { 109@include iro.bem-utility('p-sticky-top') {
110 position: sticky; 110 position: sticky;
111 top: 0; 111 top: 0;
112} 112}
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 @@
48 display: grid; 48 display: grid;
49 grid-template-rows: auto minmax(0, 1fr) auto; 49 grid-template-rows: auto minmax(0, 1fr) auto;
50 grid-template-columns: minmax(0, 1fr) auto; 50 grid-template-columns: minmax(0, 1fr) auto;
51 grid-template-areas: 'header close' 'content content' 'footer footer'; 51 grid-template-areas:
52 'header close'
53 'content content'
54 'footer footer';
52 gap: fn.dim(--spacing); 55 gap: fn.dim(--spacing);
53 position: relative; 56 position: relative;
54 box-sizing: border-box; 57 box-sizing: border-box;