diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/content.scss | 56 | ||||
| -rw-r--r-- | css/main.scss | 2 | ||||
| -rw-r--r-- | css/navigationBar.scss | 2 |
3 files changed, 52 insertions, 8 deletions
diff --git a/css/content.scss b/css/content.scss index 02c98a9..147bf20 100644 --- a/css/content.scss +++ b/css/content.scss @@ -4,7 +4,7 @@ padding: 2rem; p:not(.heading, #contentHeading, #cloneNotice p) { - line-height: 2rem; + line-height: 2em; } a, a:visited { @@ -41,7 +41,7 @@ background-color: $foregroundColour; border-radius: 1rem; display: block; - font-size: 4rem; + font-size: 4em; font-weight: bold; margin: auto; margin-bottom: 1rem; @@ -62,7 +62,7 @@ } p.heading { - font-size: 2rem; + font-size: 2em; font-weight: bold; margin-bottom: 1rem; width: 100%; @@ -110,11 +110,55 @@ } } - #cloneNotice { + #footnote { background-color: $foregroundColour; border-radius: 1rem; - font-weight: bold; + font-family: "Martian Mono", "monospace"; + font-size: 0.75em; + image-rendering: pixelated; padding: 1rem; - text-align: center; + + .separator { + background-color: $textColour; + height: 0.125rem; + margin: 1rem auto; + width: 100%; + } + + #footnoteHeading { + font-size: 2em; + font-weight: bold; + } + + img { + display: block; + margin: auto; + + &.obfuscatedText { + height: 1rem; + } + } + + table { + border-collapse: collapse; + + tr { + th, td { + line-height: 2em; + } + + th { + text-align: left; + + &::before { + content: "\00B7\0020"; + } + } + + td { + padding-left: 2rem; + } + } + } } }
\ No newline at end of file diff --git a/css/main.scss b/css/main.scss index a5e15a6..46e22fc 100644 --- a/css/main.scss +++ b/css/main.scss @@ -1,6 +1,6 @@ @import "fonts"; -$backgroundColour: oklch(20% 0.032625 270); +$backgroundColour: oklch(20% 0.041075 270); $foregroundColour: oklch(25% 0.041075 270); $textColour: oklch(100% 0 0); $highlightColour: oklch(75% 0.292700 149.34); diff --git a/css/navigationBar.scss b/css/navigationBar.scss index a7bd439..75541ff 100644 --- a/css/navigationBar.scss +++ b/css/navigationBar.scss @@ -69,7 +69,7 @@ .separator { background-color: var(--foregroundColour); - border-radius: 0.25rem; + border-radius: 0.125rem; height: 0.25rem; width: 1rem; } |