dhbern.github.io/custom.scss at main · DHBern/dhbern.github.io · GitHub

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*-- scss:defaults --*/
$font-family-sans-serif:
	'Switzer-Variable',
	'Switzer-VariableItalic',
	-apple-system,
	BlinkMacSystemFont,
	'Segoe UI',
	sans-serif;
$font-family-monospace:
	'Switzer-Variable', 'Switzer-VariableItalic', 'SFMono-Regular', Menlo, Monaco, Consolas,
	'Liberation Mono', 'Courier New', monospace;
$body-line-height: 1.65;
$headings-line-height: 1.2;
$headings-font-weight: 600;
$headings-margin-bottom: 0.6rem;
$link-decoration: none;

/*-- scss:rules --*/
:root {
	--content-max-width: 1200px;
}

body {
	font-family: $font-family-sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: -0.015em;
}

.content p {
	max-width: 72ch;
}

.page-columns {
	--content-max-width: 1200px;
}

.navbar {
	border-bottom: 1px solid #e4e6ea;
}

.navbar .navbar-nav .nav-link {
	position: relative;
	padding-bottom: 0.65rem;
}

.navbar .navbar-nav .nav-link.active::after,
.navbar .navbar-nav .nav-link:focus::after {
	content: '';
	position: absolute;
	left: 0.75rem;
	right: 0.75rem;
	bottom: 0.25rem;
	height: 2px;
	border-radius: 999px;
	background: var(--bs-primary);
}

.page-footer {
	border-top: 1px solid #e4e6ea;
	background: #fafafb;
	padding: 24px 0;
	font-size: 0.9rem;
	color: #6a6f77;
}

.page-footer a {
	color: inherit;
}

.page-footer a:hover,
.page-footer a:focus {
	color: var(--bs-primary);
}

/* Hide heading anchor icons to avoid missing-glyph boxes */
.anchorjs-link {
	display: none !important;
}