65 lines
1.8 KiB
CSS
65 lines
1.8 KiB
CSS
/* CivicNav — Civic Diagnostics section navigation widget
|
|
Renders in right_aside on channel and addon module pages.
|
|
Uses #region_3 prefix to beat theme ID-selector specificity. */
|
|
|
|
#region_3 .civicnav-widget {
|
|
margin-bottom: var(--civicinfra-space-4);
|
|
font-family: var(--bs-font-sans-serif);
|
|
}
|
|
|
|
#region_3 .civicnav-heading {
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-size: var(--civicinfra-fs-sm);
|
|
font-weight: 700;
|
|
color: var(--civicinfra-text);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
margin-bottom: var(--civicinfra-space-2);
|
|
padding-bottom: var(--civicinfra-space-2);
|
|
border-bottom: 1px solid var(--civicinfra-border);
|
|
}
|
|
|
|
.civicnav-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--civicinfra-space-1);
|
|
}
|
|
|
|
.civicnav-item {
|
|
display: block;
|
|
}
|
|
|
|
#region_3 .civicnav-link {
|
|
display: block;
|
|
padding: var(--civicinfra-space-2) var(--civicinfra-space-3);
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-size: var(--civicinfra-fs-sm);
|
|
font-weight: 500;
|
|
color: var(--civicinfra-primary);
|
|
text-decoration: none;
|
|
border-radius: var(--civicinfra-radius);
|
|
transition: background-color var(--civicinfra-transition),
|
|
color var(--civicinfra-transition);
|
|
}
|
|
|
|
#region_3 .civicnav-link:hover {
|
|
background: var(--civicinfra-surface);
|
|
color: var(--civicinfra-primary);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#region_3 .civicnav-item.civicnav-active .civicnav-current {
|
|
display: block;
|
|
padding: var(--civicinfra-space-2) var(--civicinfra-space-3);
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-size: var(--civicinfra-fs-sm);
|
|
font-weight: 700;
|
|
color: var(--civicinfra-text);
|
|
background: var(--civicinfra-surface);
|
|
border-radius: var(--civicinfra-radius);
|
|
cursor: default;
|
|
}
|