CSS: side-nav-bar.item

.item — Ένα στοιχείο πλοήγησης (InstUI SideNavBar.Item); το -selected σημειώνει το ενεργό.

Ο τροποποιητής -minimized του γονικού side-nav-bar κρύβει το .label αυτού του μέλους — δείτε την τεκμηρίωση του side-nav-bar για αυτόν τον τροποποιητή.

Χρήση

@import "@pantoken/components/components.css";
@import "@pantoken/components/side-nav-bar.item.css";

Τροποποιητές

Τροποποιητής	Περιγραφή
.-selected	Το ενεργό στοιχείο πλοήγησης.

Μέρη

Μέρος	Περιγραφή
.label	Η κειμενική ετικέτα του στοιχείου· κρυμμένη όταν η γραμμή πλοήγησης είναι ελαχιστοποιημένη.

Καταναλωμένα tokens

Token	Τύπος	Τιμή
--instui-component-side-nav-bar-item-background-color	<color>	transparent
--instui-component-side-nav-bar-item-border-radius	<length>	0.75rem
--instui-component-side-nav-bar-item-content-padding	<length>	0.375rem
--instui-component-side-nav-bar-item-font-color	<color>	LightDarklight-dark(#273540, #ffffff)
--instui-component-side-nav-bar-item-font-size	<length>	0.875rem
--instui-component-side-nav-bar-item-font-weight	<integer>	400
--instui-component-side-nav-bar-item-hover-background-color	<color>	LightDarklight-dark(#EEF4FD, #273540)
--instui-component-side-nav-bar-item-line-height	<percentage>	150%
--instui-component-side-nav-bar-item-link-text-decoration	none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error	none
--instui-component-side-nav-bar-item-selected-background-color	<color>	LightDarklight-dark(#1D354F, #EEF4FD)
--instui-component-side-nav-bar-item-selected-font-color	<color>	LightDarklight-dark(#ffffff, #1C222B)
--instui-component-side-nav-bar-minimized-width	<length>	3.75rem
--instui-spacing-space2xs	<length>	0.125rem