summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-11 20:20:37 +0100
committerVolpeon <git@volpeon.ink>2021-11-11 20:20:37 +0100
commite663b24ff5bd883aa3328f0fa5d0a9156b27130e (patch)
treef4bb48b913d75bfb61f8c04f9af721d35c745197 /assets/css
parentMove index title from content to template (diff)
downloadvolpeon.ink-e663b24ff5bd883aa3328f0fa5d0a9156b27130e.tar.gz
volpeon.ink-e663b24ff5bd883aa3328f0fa5d0a9156b27130e.tar.bz2
volpeon.ink-e663b24ff5bd883aa3328f0fa5d0a9156b27130e.zip
Add focus to header
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/components/_header.scss16
1 files changed, 8 insertions, 8 deletions
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index eb5438d..90ed827 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -40,19 +40,19 @@
40 color: prop(--colors --fg); 40 color: prop(--colors --fg);
41 background-color: prop(--colors --bg); 41 background-color: prop(--colors --bg);
42 text-decoration: none; 42 text-decoration: none;
43 transition: background-color .2s, color .2s; 43 transition: background-color .2s, color .2s, border-left-color .2s;
44
45 &:hover {
46 color: prop(--colors --hover --fg);
47 background-color: prop(--colors --hover --bg);
48 }
49 44
50 @include next-twin-element { 45 @include next-twin-element {
51 //padding-left: calc(0.5 * #{prop(--dims --pad-x)});
52 //margin-left: calc(-0.5 * #{prop(--dims --pad-x)});
53 border-left: 1px solid prop(--colors --border); 46 border-left: 1px solid prop(--colors --border);
54 } 47 }
55 48
49 &:hover,
50 &:focus {
51 color: prop(--colors --hover --fg);
52 background-color: prop(--colors --hover --bg);
53 border-left-color: prop(--colors --hover --bg);
54 }
55
56 @include modifier('icon') { 56 @include modifier('icon') {
57 display: flex; 57 display: flex;
58 align-items: center; 58 align-items: center;