From fc78b8c5e852327660a2d7616d765393ff407d1f Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 30 Dec 2021 09:45:40 +0100
Subject: Improved lightbox

---
 assets/css/objects/_badge.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 assets/css/objects/_badge.scss

(limited to 'assets/css/objects')

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 @@
+@include namespace('badge') {
+    @include store((
+        --colors: (
+            --fg: prop(--colors --bg-hi, $global: true),
+            --bg: prop(--colors --fg-lo, $global: true),
+        ),
+        --dims: (
+            --pad-x: .6em,
+            --pad-y: .2em
+        )
+    ));
+
+    @include object(namespace()) {
+        display:          inline-block;
+        padding:          prop(--dims --pad-y) prop(--dims --pad-x);
+        background-color: prop(--colors --bg);
+        color:            prop(--colors --fg);
+        font-size:        iro-px-to-rem(14px);
+
+        &::selection {
+            background-color: prop(--colors --select --inverted --bg, $global: true);
+            color:            prop(--colors --select --inverted --fg, $global: true);
+        }
+    }
+}
-- 
cgit v1.2.3-70-g09d2