css/navigationBar.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

div.navigationBar {
	background-color:none;
	border-radius:   1rem;
	font-family:     $sansSerifFont;
	font-weight:     bold;
	padding:         1rem 2rem;
	text-align:      center;
	width:           100%;

	img.themeToggler {
		background-color:var(--backgroundColour);
		border-color:    var(--backgroundColour);
		border-radius:   calc(1rem / 3 * 2);
		border-width:    calc(1rem / 3);
		border-style:    solid;
		cursor:          pointer;
		display:         block;
		height:          2rem;
		margin:          0 auto;
		margin-bottom:   1rem;
		user-select:     none;
		width:           3rem;
	}
	
	p {
		& + p {
			margin-top:calc(1rem / 2);
		}

		span.link + span::before {
			content:"\0020\00B7\0020";
		}
	
		p,span.link a,span.link a:hover {
			color:var(--backgroundColour);
		}
	
		span.link a:hover {
			text-decoration:underline;
		}
	}
}