summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-13 12:09:34 +0100
committerVolpeon <git@volpeon.ink>2021-11-13 12:09:34 +0100
commit8eecc3db90b8963cf3d85d2d144c2a38aa3f86a0 (patch)
treeefda55157cb1665f69dc451a77689980f3ba0749 /assets/css/components
parentImproved page (diff)
downloadvolpeon.ink-8eecc3db90b8963cf3d85d2d144c2a38aa3f86a0.tar.gz
volpeon.ink-8eecc3db90b8963cf3d85d2d144c2a38aa3f86a0.tar.bz2
volpeon.ink-8eecc3db90b8963cf3d85d2d144c2a38aa3f86a0.zip
Simplified header
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_header.scss17
1 files changed, 6 insertions, 11 deletions
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 1a10345..341be75 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -1,9 +1,8 @@
1@include namespace('header') { 1@include namespace('header') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --bg: prop(--colors --bg-lo, $global: true), 4 --bg: prop(--colors --bg-lo, $global: true),
5 --fg: prop(--colors --fg-lo, $global: true), 5 --fg: prop(--colors --fg-lo, $global: true),
6 --border: prop(--colors --bg, $global: true),
7 --hover: ( 6 --hover: (
8 --bg: prop(--colors --fg-lo, $global: true), 7 --bg: prop(--colors --fg-lo, $global: true),
9 --fg: prop(--colors --bg-hi, $global: true), 8 --fg: prop(--colors --bg-hi, $global: true),
@@ -26,13 +25,9 @@
26 ), 'light'); 25 ), 'light');
27 26
28 @include component(namespace()) { 27 @include component(namespace()) {
29 height: prop(--dims --height); 28 display: flex;
30 29 height: prop(--dims --height);
31 @include element('nav') { 30 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
32 display: inline-flex;
33 height: 100%;
34 box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
35 }
36 31
37 @include element('item') { 32 @include element('item') {
38 padding: 0 prop(--dims --pad-x); 33 padding: 0 prop(--dims --pad-x);
@@ -43,7 +38,7 @@
43 transition: background-color .2s, color .2s, border-left-color .2s; 38 transition: background-color .2s, color .2s, border-left-color .2s;
44 39
45 @include next-twin-element { 40 @include next-twin-element {
46 border-left: 1px solid prop(--colors --border); 41 margin-left: 2px;
47 } 42 }
48 43
49 &:hover, 44 &:hover,