diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.scss | 3 | ||||
| -rw-r--r-- | css/navBar.scss | 49 | ||||
| -rw-r--r-- | css/overview.scss | 5 | ||||
| -rw-r--r-- | css/page.scss | 5 |
4 files changed, 26 insertions, 36 deletions
diff --git a/css/main.scss b/css/main.scss index 730347c..615ef99 100644 --- a/css/main.scss +++ b/css/main.scss @@ -50,7 +50,8 @@ body { } a, a:visited { - color: var(--textColour); + color: var(--textColour); + cursor: pointer; } code { diff --git a/css/navBar.scss b/css/navBar.scss index 136b592..b311992 100644 --- a/css/navBar.scss +++ b/css/navBar.scss @@ -1,22 +1,19 @@ #navBar { - align-items: center; - display: flex; - font-family: $specialFont; - justify-content: space-between; - left: 50%; - max-width: calc($contentWidth + $padding * 2); - padding: $padding; - position: absolute; - top: 0; - transform: translateX(-50%); - width: 100%; + display: flex; + font-family: $specialFont; + left: 50%; + max-width: calc($contentWidth + $padding * 2); + padding: $padding; + position: absolute; + top: 0; + transform: translateX(-50%); + width: 100%; section { - display: flex; - flex: 1 1 0; - gap: $gap; - justify-content: center; - text-align: center; + display: flex; + flex: 1 1 0; + gap: $gap; + text-align: center; &:first-of-type { justify-content: start; @@ -35,26 +32,26 @@ text-decoration: underline; text-decoration-color: #00000000; - &[aria-current = "page"]::after { - @include separator; - - left: 50%; - position: absolute; - top: calc(100% + $separatorWidth); - transform: translateX(-50%); - } - @media not (prefers-reduced-motion) { transition: text-decoration-color 0.125s; transition-timing-function: ease-in-out; } - @media (orientation: portrait) or (pointer: coarse) { + @media (orientation: portrait) { &:not(#home, #themeToggler) { display: none; } } + &[aria-current = "page"]::after { + @include separator; + + left: 50%; + position: absolute; + top: calc(100% + $separatorWidth); + transform: translateX(-50%); + } + &:hover { text-decoration-color: var(--textColour); } diff --git a/css/overview.scss b/css/overview.scss index d67bd4b..ea8466b 100644 --- a/css/overview.scss +++ b/css/overview.scss @@ -1,7 +1,6 @@ #overview { - $cardsPerRow: 3; + $cardsPerRow: 4; - align-items: center; background-color: var(--foregroundColour); border-radius: calc($padding / 2); display: flex; @@ -21,8 +20,6 @@ display: flex; flex-basis: calc((100% - $padding * ($cardsPerRow - 1)) / $cardsPerRow); justify-content: center; - padding: $padding; - width: $padding; @media not (prefers-reduced-motion) { transition: box-shadow 0.25s; diff --git a/css/page.scss b/css/page.scss index 77bcdf5..fd71b5b 100644 --- a/css/page.scss +++ b/css/page.scss @@ -3,11 +3,6 @@ max-width: calc($contentWidth + $padding * 2); padding: $padding; - a, a:visited { - cursor: pointer; - text-decoration: underline; - } - h1 { font-family: $specialFont; font-size: 2em; |