styles/navbarItem.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
30
31

.navbarItem {
	display: block;

	background-color: var(--oxford-blue);
	color: var(--almond);

	text-decoration: none;

	padding: 8px;
	border-radius: 8px;
	margin-bottom: 12px;

	transition-property: background-color, color;
	transition-duration: .15s;
}

.navbarItem.active,
.navbarItem:hover {
	background-color: var(--heliotrope-gray);
	color: var(--oxford-blue);
}

.navbarItem span {
	vertical-align: super;
	line-height: 0;
	margin-left: 8px;
}

.navbarItem > div {
	height: 24px;
}