summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/components/_note.scss23
-rw-r--r--assets/css/style.scss1
2 files changed, 24 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}
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 @@
16@import 'components/header'; 16@import 'components/header';
17@import 'components/footer'; 17@import 'components/footer';
18@import 'components/card'; 18@import 'components/card';
19@import 'components/note';
19 20
20@import 'layouts/card-list'; 21@import 'layouts/card-list';
21 22