summaryrefslogtreecommitdiff
path: root/css/root.scss
diff options
context:
space:
mode:
Diffstat (limited to 'css/root.scss')
-rw-r--r--css/root.scss44
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);
+}