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

$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:      $black;
$backgroundColour:$darkgrey;
$foregroundColour:$white;
$primaryColour:   $red;

$minimumPageWidth:12rem;
$maximumPageWidth:48rem;

$monospaceFont:"Source Code Pro","monospace";
$sansSerifFont:"Helvetica","sans-serif";
$serifFont:    "Liberation Serif","serif";

:root {
	font-family:$serifFont;
	font-size:  calc(1000mm / 1728 * 8);
}

* {
	box-sizing:border-box;
	margin:    0;
	padding:   0;
}

body {
	background-color:$bodyColour;
	color:           $foregroundColour;
}

a {
	&,&:visited {
		color:          $primaryColour;
		text-decoration:none;
	}

	&:hover {
		color:$foregroundColour;
	}
}