From 212188e391daabe6492f2b49e7e689b9aecb138b Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 23 Nov 2021 21:28:02 +0100
Subject: Update

---
 assets/css/components/_note.scss | 23 +++++++++++++++++++++++
 assets/css/style.scss            |  1 +
 2 files changed, 24 insertions(+)
 create mode 100644 assets/css/components/_note.scss

(limited to 'assets')

diff --git a/assets/css/components/_note.scss b/assets/css/components/_note.scss
new file mode 100644
index 0000000..1879ea9
--- /dev/null
+++ b/assets/css/components/_note.scss
@@ -0,0 +1,23 @@
+@include namespace('note') {
+    @include store((
+        --colors: (
+            --fg: prop(--colors --accent --strong, $global: true),
+            --bg: prop(--colors --accent --faint, $global: true),
+        ),
+        --dims: (
+            --pad-x: 1em,
+            --pad-y: .7em
+        )
+    ));
+
+    @include component(namespace()) {
+        margin-top:       $line-height * 1rem;
+        padding:          prop(--dims --pad-y) prop(--dims --pad-x);
+        background-color: prop(--colors --bg);
+        color:            prop(--colors --fg);
+
+        :first-child {
+            margin-top: 0;
+        }
+    }
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 9c57b28..db8f232 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -16,6 +16,7 @@
 @import 'components/header';
 @import 'components/footer';
 @import 'components/card';
+@import 'components/note';
 
 @import 'layouts/card-list';
 
-- 
cgit v1.2.3-54-g00ecf