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

#header {
	$gap: 1rem;

	--foregroundColour: var(--backgroundColour);
	--highlightColour:  var(--textColour);

	align-items:      center;
	background-color: var(--backgroundColour);
	background-size:  cover;
	box-shadow:       0 0 calc($padding / 2) $shadowColour;
	display:          flex;
	height:           100vh;
	image-rendering:  pixelated;
	justify-content:  center;
	overflow:         hidden;
	position:         relative;
	user-select:      none;
	width:            100%;

	#glyph {
		aspect-ratio:    1;
		display:         block;
		image-rendering: pixelated;
		object-fit:      contain;
		width:           50vmin;
	}

	@import "navBar";
}