summaryrefslogtreecommitdiffstats
path: root/assets/css/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-30 09:45:40 +0100
committerVolpeon <git@volpeon.ink>2021-12-30 09:45:40 +0100
commitfc78b8c5e852327660a2d7616d765393ff407d1f (patch)
tree5e1957e70278a0359bf5fe6a38a3181cadbe54c3 /assets/css/objects
parentFixed lightbox in light mode (diff)
downloadvolpeon.ink-fc78b8c5e852327660a2d7616d765393ff407d1f.tar.gz
volpeon.ink-fc78b8c5e852327660a2d7616d765393ff407d1f.tar.bz2
volpeon.ink-fc78b8c5e852327660a2d7616d765393ff407d1f.zip
Improved lightbox
Diffstat (limited to 'assets/css/objects')
-rw-r--r--assets/css/objects/_badge.scss25
1 files changed, 25 insertions, 0 deletions
diff --git a/assets/css/objects/_badge.scss b/assets/css/objects/_badge.scss
new file mode 100644
index 0000000..216bb89
--- /dev/null
+++ b/assets/css/objects/_badge.scss
@@ -0,0 +1,25 @@
1@include namespace('badge') {
2 @include store((
3 --colors: (
4 --fg: prop(--colors --bg-hi, $global: true),
5 --bg: prop(--colors --fg-lo, $global: true),
6 ),
7 --dims: (
8 --pad-x: .6em,
9 --pad-y: .2em
10 )
11 ));
12
13 @include object(namespace()) {
14 display: inline-block;
15 padding: prop(--dims --pad-y) prop(--dims --pad-x);
16 background-color: prop(--colors --bg);
17 color: prop(--colors --fg);
18 font-size: iro-px-to-rem(14px);
19
20 &::selection {
21 background-color: prop(--colors --select --inverted --bg, $global: true);
22 color: prop(--colors --select --inverted --fg, $global: true);
23 }
24 }
25}