blob: 892f302e5c55d4d7be1873f415919bd1b2993ace (
plain)
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
|
nav {
background-color: var(--accent);
color: var(--text);
position: fixed;
height: 36px;
display: flex;
align-items: center;
top: 12px;
right: 12px;
border-radius: 12px;
/* box-shadow x-offset y-offset blur spread color */
box-shadow: 8px 8px 40px 2px #111111;
z-index: 1;
}
nav ul {
}
/* Display navbar elements horizontally. */
nav ul * {
display: inline;
margin: 0.2em;
}
/* Style the links inside the navigation bar. */
nav a {
color: var(--text);
font-size: 16px;
}
/* Change the color of links on hover. */
nav a:hover {
background-color: var(--link);
color: var(--primary);
transition: var(--med-speed);
}
/* Add a color to the active/current link */
nav a.active {
background-color: var(--accent);
color: white;
}
|