diff options
| author | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
| commit | 8c83a2ef92be845c5ffecb1434028d0c68915936 (patch) | |
| tree | a18faff703a1deadb041dcc977208a4d6565dd85 /assets/css/components/_header.scss | |
| parent | Fetch pages of sections (diff) | |
| download | volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.gz volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.bz2 volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.zip | |
Update
Diffstat (limited to 'assets/css/components/_header.scss')
| -rw-r--r-- | assets/css/components/_header.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss new file mode 100644 index 0000000..61f6f4a --- /dev/null +++ b/assets/css/components/_header.scss | |||
| @@ -0,0 +1,22 @@ | |||
| 1 | @include namespace('header') { | ||
| 2 | @include store(( | ||
| 3 | --colors: ( | ||
| 4 | --fg: prop(--colors --fg-lo, $global: true), | ||
| 5 | --bg: prop(--colors --bg-hi, $global: true), | ||
| 6 | --hover: ( | ||
| 7 | --fg: prop(--colors --bg-hi, $global: true), | ||
| 8 | --bg: prop(--colors --accent --color, $global: true), | ||
| 9 | ) | ||
| 10 | ) | ||
| 11 | )); | ||
| 12 | |||
| 13 | @include component(namespace()) { | ||
| 14 | display: flex; | ||
| 15 | position: fixed; | ||
| 16 | z-index: 10000; | ||
| 17 | top: 0; | ||
| 18 | left: 0; | ||
| 19 | flex-direction: row; | ||
| 20 | justify-content: flex-start; | ||
| 21 | } | ||
| 22 | } | ||
