diff options
Diffstat (limited to 'css/root.scss')
-rw-r--r-- | css/root.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/css/root.scss b/css/root.scss new file mode 100644 index 0000000..090d420 --- /dev/null +++ b/css/root.scss @@ -0,0 +1,44 @@ +$monospaceFont:"Source Code Pro","monospace"; +$sansSerifFont:"Helvetica","sans-serif"; +$serifFont: "Liberation Serif","serif"; + +:root { + --black: #1B1A1A; // 7/32 + --darkgrey: #232121; // 8/32 + --lightgrey:#ECEAEA; // 30/32 + --white: #F6F4F4; // 31/32 + --blue: #5F7C9C; // oklch(62.5% 0.118 259.065) + + --bodyColour: var(--black); + --backgroundColour:var(--darkgrey); + --foregroundColour:var(--white); + --colour: var(--blue); + + --minimumPageWidth:10rem; // 12rem including body padding. + --maximumPageWidth:74rem; + + font-family:$serifFont; + font-size: calc(1000mm / 1728 * 8); +} + +* { + box-sizing:border-box; + margin: 0; + padding: 0; +} + +body { + background-color:var(--bodyColour); + color: var(--foregroundColour); + padding: 1rem; +} + +p { + line-height:1em; +} + +@mixin invertedTheme { + background-color:var(--foregroundColour); + border-color: var(--foregroundColour); + color: var(--backgroundColour); +} |