summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-23 21:28:02 +0100
committerVolpeon <git@volpeon.ink>2021-11-23 21:28:02 +0100
commit212188e391daabe6492f2b49e7e689b9aecb138b (patch)
tree1b53f8b1077f7f7ae9d82bb412456c198f214911 /assets/css/components
parentRemove automatic titlecase algorithm (diff)
downloadvolpeon.ink-212188e391daabe6492f2b49e7e689b9aecb138b.tar.gz
volpeon.ink-212188e391daabe6492f2b49e7e689b9aecb138b.tar.bz2
volpeon.ink-212188e391daabe6492f2b49e7e689b9aecb138b.zip
Update
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_note.scss23
1 files changed, 23 insertions, 0 deletions
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 @@
1@include namespace('note') {
2 @include store((
3 --colors: (
4 --fg: prop(--colors --accent --strong, $global: true),
5 --bg: prop(--colors --accent --faint, $global: true),
6 ),
7 --dims: (
8 --pad-x: 1em,
9 --pad-y: .7em
10 )
11 ));
12
13 @include component(namespace()) {
14 margin-top: $line-height * 1rem;
15 padding: prop(--dims --pad-y) prop(--dims --pad-x);
16 background-color: prop(--colors --bg);
17 color: prop(--colors --fg);
18
19 :first-child {
20 margin-top: 0;
21 }
22 }
23}