diff options
| -rw-r--r-- | CHANGELOG.md | 4 | ||||
| -rw-r--r-- | css/content.scss | 22 | ||||
| -rw-r--r-- | css/frontPage.scss | 2 | ||||
| -rw-r--r-- | css/navigationBar.scss | 6 |
4 files changed, 23 insertions, 11 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index c2ec5e4..767e358 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +## 2.4 + +* Misc. style changes + ## 2.3 * Fix typos diff --git a/css/content.scss b/css/content.scss index 1934d68..02c98a9 100644 --- a/css/content.scss +++ b/css/content.scss @@ -1,6 +1,5 @@ #content { margin: auto; - min-height: 100vh; max-width: 72rem; padding: 2rem; @@ -20,9 +19,9 @@ span { &.code { background-color: $foregroundColour; - border-radius: calc(1rem / 4); + border-radius: 0.25rem; font-family: "Fira Mono", "monospace"; - padding: calc(1rem / 4); + padding: 0.25rem; a { font-weight: normal; @@ -34,11 +33,14 @@ } } + p.heading, #contentHeading { + font-family: "Martian Mono", "monospace"; + } + #contentHeading { background-color: $foregroundColour; border-radius: 1rem; display: block; - font-family: "Martian Mono", "monospace"; font-size: 4rem; font-weight: bold; margin: auto; @@ -60,12 +62,20 @@ } p.heading { - border-bottom-style: solid; - border-bottom-width: calc(1rem / 4); font-size: 2rem; font-weight: bold; margin-bottom: 1rem; width: 100%; + + &::after { + background-color: $textColour; + border-radius: 0.125rem; + content: ""; + display: block; + height: 0.25rem; + margin-top: 0.25rem; + width: 100%; + } } x-image { diff --git a/css/frontPage.scss b/css/frontPage.scss index 44cb7ff..72fea89 100644 --- a/css/frontPage.scss +++ b/css/frontPage.scss @@ -6,7 +6,7 @@ justify-content: center; height: calc(100vh + 1rem); padding-bottom: 1rem; - width: 100vw; + width: 100%; body.about & { background-color: $achernarColour; diff --git a/css/navigationBar.scss b/css/navigationBar.scss index c52351b..6b2a33a 100644 --- a/css/navigationBar.scss +++ b/css/navigationBar.scss @@ -4,13 +4,11 @@ display: flex; gap: 1rem; justify-content: center; - left: 50vw; - padding: 1rem; + padding: 1rem 0; position: absolute; top: 0; - transform: translateX(-50%); user-select: none; - width: 100vw; + width: 100%; z-index: 1; body.about & { |