From 90b21fb9c36b99a3dd2b9ec97d6a3264efd236b0 Mon Sep 17 00:00:00 2001 From: A Farzat Date: Sat, 23 Nov 2024 21:49:54 +0900 Subject: Add small touches --- sass/_header.scss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'sass/_header.scss') diff --git a/sass/_header.scss b/sass/_header.scss index 6db9ffd..e89460c 100644 --- a/sass/_header.scss +++ b/sass/_header.scss @@ -1,3 +1,4 @@ +@use "sass:math"; .header { height: 60*$px; max-width: 1200*$px; @@ -12,19 +13,24 @@ align-items: center; justify-content: left; height: 100%; + outline: none; &:link, &:visited { text-decoration: none; font-size: 28*$px; - color: var(--color-text); + color: inherit; transition: transform .2s; } &:hover, &:active { color: var(--color-primary); transform: scale(1.05); } + &:focus { + color: var(--color-accent); + transform: scale(1.05); + } } .main_icon { - height: 100%; - width: 40*$px; + height: math.div(200%, 3); + aspect-ratio: 5/4; fill: currentColor; } -- cgit v1.2.3-70-g09d2