diff options
Diffstat (limited to 'css/main.scss')
| -rw-r--r-- | css/main.scss | 43 |
1 files changed, 25 insertions, 18 deletions
diff --git a/css/main.scss b/css/main.scss index 31312e4..08ed76c 100644 --- a/css/main.scss +++ b/css/main.scss @@ -1,11 +1,10 @@ @import "fonts"; -$achernarColour: #007B34; +$monospaceFont: "Fira Mono", "monospace"; -$headerHeight: calc(100vh + 1rem); -$navBarSlideDuration: 0.5s; +$defaultShadow: 0 0 1rem color-mix(in srgb, black, transparent 50%);; -$shadow: 0 0 1rem color-mix(in srgb, black, transparent 75%);; +$separatorWidth: 0.25rem; :root { font-family: "Raleway", "sans-serif"; @@ -18,31 +17,39 @@ $shadow: 0 0 1rem color-mix(in srgb, black, transparent 75%);; box-sizing: border-box; } -#body { +body { + --backgroundColour: oklch( 20% 0.014800 253.71); + --foregroundColour: oklch( 25% 0.014800 253.71); + --textColour: oklch(100% 0 0); + background-color: var(--backgroundColour); color: var(--textColour); + font-size: 1.25em; z-index: -1; - &[data-theme = "Light"] { - --backgroundColour: oklch(100% 0 0); - --foregroundColour: oklch( 96.875% 0 0); - --textColour: oklch( 25% 0 0); + &.light { + --backgroundColour: oklch(96.875% 0 0); + --foregroundColour: oklch(93.750% 0 0); + --textColour: oklch(25% 0 0); } +} - &[data-theme = "Dark"] { - --backgroundColour: oklch( 20% 0.041075 270); - --foregroundColour: oklch( 25% 0.041075 270); - --textColour: oklch(100% 0 0); - } +a, a:visited { + color: var(--textColour); } -ol, ul { - list-style-type: none; +code { + font-family: $monospaceFont; } -li p::before { - content: "\2014\0020"; +ul { + list-style: none; + + li p::before { + content: "\2014\0020"; + } } @import "header.scss"; @import "page.scss"; +@import "footer.scss"; |