summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card.scss1
-rw-r--r--assets/css/components/_header.scss1
-rw-r--r--assets/css/components/_hnav.scss22
3 files changed, 22 insertions, 2 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 2e32a48..20614e7 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -35,7 +35,6 @@
35 transform: translateY(0); 35 transform: translateY(0);
36 transition: transform .2s, background-color .2s, color .2s, border-color .2s; 36 transition: transform .2s, background-color .2s, color .2s, border-color .2s;
37 background-color: prop(--colors --bg); 37 background-color: prop(--colors --bg);
38 box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
39 color: prop(--colors --fg); 38 color: prop(--colors --fg);
40 line-height: 1.4; 39 line-height: 1.4;
41 40
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index a190eee..ca85438 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -37,7 +37,6 @@
37 height: prop(--dims --height); 37 height: prop(--dims --height);
38 padding: prop(--dims --gap); 38 padding: prop(--dims --gap);
39 gap: prop(--dims --gap); 39 gap: prop(--dims --gap);
40 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
41 40
42 @include element('item') { 41 @include element('item') {
43 padding: 0 prop(--dims --pad-x); 42 padding: 0 prop(--dims --pad-x);
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
new file mode 100644
index 0000000..220afde
--- /dev/null
+++ b/assets/css/components/_hnav.scss
@@ -0,0 +1,22 @@
1@include namespace('hnav') {
2 @include store((
3 --colors: (
4 --border: prop(--colors --obj-hi, $global: true)
5 ),
6 --dims: (
7 --gap: 2em,
8 --pad-y: .5em
9 )
10 ));
11
12 @include component(namespace()) {
13 display: flex;
14 gap: prop(--dims --gap);
15 align-items: baseline;
16 margin-top: $line-height * 2rem;
17 padding: prop(--dims --pad-y) 0 0;
18 border-width: 1px 0 0;
19 border-style: solid;
20 border-color: prop(--colors --border);
21 }
22}