summaryrefslogtreecommitdiff
path: root/css/base.scss
diff options
context:
space:
mode:
Diffstat (limited to 'css/base.scss')
-rw-r--r--css/base.scss48
1 files changed, 48 insertions, 0 deletions
diff --git a/css/base.scss b/css/base.scss
new file mode 100644
index 0000000..4415fdc
--- /dev/null
+++ b/css/base.scss
@@ -0,0 +1,48 @@
+$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
+ --red: #A50034; // 207 C
+ --yellow: #FFA400; // 137 C
+ --green: #00965E; // 340 C
+ --blue: #0072CE; // 285 C
+
+ --bodyColour: var(--black);
+ --backgroundColour:var(--darkgrey);
+ --foregroundColour:var(--white);
+ --colour: var(--red);
+ --fadedColour: var(--red);
+
+ --minimumPageWidth:12rem;
+ --maximumPageWidth:48rem;
+
+ 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);
+}
+
+a {
+ &,&:visited {
+ color: var(--fadedColour);
+ text-decoration:none;
+ }
+
+ &:hover {
+ color:var(--foregroundColour);
+ }
+}