When activated in Publish settings, navigation is placed in the left sidebar and can be styled with the following variables. Top-level items and folders can be treated differently than nested items.
Publish-specific variables should be defined on the .published-container
.
Variable | Description |
---|---|
--nav-collapse-icon-color |
Collapse icon color |
--nav-collapse-icon-color-hover |
Collapse icon color (hovered) |
--nav-parent-item-color |
Font color for folders and top-level items |
--nav-parent-item-color-active |
Font color for active top-level items |
--nav-parent-item-weight |
Font weight for top-level items |
--nav-item-color |
Font color for nested items |
--nav-item-color-hover |
Font color for hovered nested items |
--nav-item-color-active |
Font color for active nested items |
--nav-item-border-color |
Border color for nested items |
--nav-item-border-color-hover |
Border color for hovered nested items |
--nav-item-border-color-active |
Border color for active nested items |
--nav-item-weight-active |
Font weight for active nested items |