diff options
| author | A Farzat <a@farzat.xyz> | 2024-11-23 21:49:54 +0900 |
|---|---|---|
| committer | A Farzat <a@farzat.xyz> | 2024-11-23 21:49:54 +0900 |
| commit | 90b21fb9c36b99a3dd2b9ec97d6a3264efd236b0 (patch) | |
| tree | 96bf1f2912eaa8f39b360f09719075ac3494aa50 /sass/_header.scss | |
| parent | 59bfe7f1145d1a3d460544400a7ad90d7e6b00b7 (diff) | |
| download | farzat.xyz-90b21fb9c36b99a3dd2b9ec97d6a3264efd236b0.tar.gz farzat.xyz-90b21fb9c36b99a3dd2b9ec97d6a3264efd236b0.zip | |
Add small touches
Diffstat (limited to 'sass/_header.scss')
| -rw-r--r-- | sass/_header.scss | 12 |
1 files changed, 9 insertions, 3 deletions
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; } |