diff --git a/hubzilla/addon/vs01/view/css/civicnav.css b/hubzilla/addon/vs01/view/css/civicnav.css new file mode 100644 index 0000000..c61fa08 --- /dev/null +++ b/hubzilla/addon/vs01/view/css/civicnav.css @@ -0,0 +1,64 @@ +/* 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; +}