summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/styles/home.css
blob: c2f50cb1964b8cf8a346d086dbbfde19ab4552b4 (plain) (blame)
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
:root {
	--font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter',
		'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco,
		'Courier New', Courier, monospace;
	--color-light: #f3f4f6;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-light: #1f2937;
	}
}

a {
	color: inherit;
}

header > div {
	font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem);
}

header > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

header h1 {
	font-size: 1em;
	font-weight: 500;
}
header img {
	width: 2em;
	height: 2.667em;
}

h2 {
	font-weight: 500;
	font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem);
}