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
49
50
51
52
53
54
55
56
57
58
59
60
61

div.page * + p,* + ol,* + table,* + ul {
	margin-top:1rem;
}

li p + ul,li p + ol {
	margin-top:0;
}

a {
	&,&:visited {
		color:          var(--colour);
		text-decoration:none;
	}

	&:hover {
		color:var(--foregroundColour);
	}
}

span.emphasis {
	font-style:italic;
}

p.math,span.math,td.math {
	font-size:  calc(3rem / 2);
	padding:    calc(1rem / 3) 0;
	user-select:none;
}

table {
	@include invertedTheme();
	border-radius: calc(1rem / 3);
	border-spacing:0;
	border-style:  solid;
	border-width:  calc(1rem / 3);

	tr {
		&.small {
			font-size:calc(2rem / 3);
		}

		td,th {
			padding:calc(1rem / 12) calc(2rem / 12);
		}

		td {
			background-color:var(--backgroundColour);
			color:           var(--foregroundColour);
		}

		th {
			text-align:center;
		}
	}
}

ul,ol {
	li {
		margin-left:1rem;
	}
}