src/components/ContainedList.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@scope (.__ContainedList) {
	:scope {
		list-style: none;
		padding: 0;
		display: flex;
		flex-direction: column;

		li {
			--border: 2px solid var(--surface);
			border-top: var(--border);
			&:last-child {
				border-bottom: var(--border);
			}
			height: 3rem;
			display: flex;
			> * {
				flex-grow: 1;
			}
		}
	}
}