examples/with-nanostores/src/components/CartFlyout.module.css


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

.container {
	position: fixed;
	right: 0;
	top: var(--nav-height);
	height: 100vh;
	background: var(--color-bg-2);
	padding-inline: 2rem;
	min-width: min(90vw, 300px);
	border-left: 3px solid var(--color-bg-3);
}

.list {
	list-style: none;
	padding: 0;
}

.listItem {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.listItem * {
	margin-block: 0.3rem;
}

.listItemImg {
	width: 4rem;
}