css/base.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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);
	}
}