From 23deadd4773d2f36bfb1da2c5ceac0fac695c52a Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 14 Nov 2021 16:49:28 +0100 Subject: Fix small viewports --- assets/css/components/_header.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'assets/css/components') diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss index a59c039..c1095b3 100644 --- a/assets/css/components/_header.scss +++ b/assets/css/components/_header.scss @@ -14,7 +14,7 @@ --dims: ( --height: 4rem, --icon: 1.5rem, - --pad-x: calc(0.5 * (var(--header--dims--height) - var(--header--dims--icon))), + --pad-x: calc(.5 * (var(--header--dims--height) - var(--header--dims--icon))), ) )); @@ -31,11 +31,11 @@ @include element('item') { padding: 0 prop(--dims --pad-x); - line-height: prop(--dims --height); - color: prop(--colors --fg); + transition: background-color .2s, color .2s, border-left-color .2s; background-color: prop(--colors --bg); + color: prop(--colors --fg); + line-height: prop(--dims --height); text-decoration: none; - transition: background-color .2s, color .2s, border-left-color .2s; @include next-twin-element { margin-left: 2px; @@ -43,9 +43,9 @@ &:hover, &:focus { - color: prop(--colors --hover --fg); - background-color: prop(--colors --hover --bg); border-left-color: prop(--colors --hover --bg); + background-color: prop(--colors --hover --bg); + color: prop(--colors --hover --fg); } @include modifier('icon') { @@ -55,8 +55,8 @@ } @include modifier('active') { - font-weight: bold; color: prop(--colors --active --fg); + font-weight: bold; } } -- cgit v1.2.3-70-g09d2