CSS: side-nav-bar.item ​

.item — รายการนำทาง (InstUI SideNavBar.Item); -selected ใช้ทำเครื่องหมายรายการที่กำลังใช้งานอยู่.

ตัวปรับแต่ง -minimized ขององค์ประกอบผู้ปกครอง side-nav-bar ซ่อน .label ของสมาชิกนี้ — ดูเอกสารของ side-nav-bar สำหรับตัวปรับแต่งนั้น.

การใช้งาน ​

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

ตัวปรับแต่ง ​

ตัวปรับแต่งคำอธิบาย
.-selectedรายการนำทางที่กำลังใช้งานอยู่.

ส่วนประกอบ ​

ส่วนคำอธิบาย
.labelป้ายข้อความของรายการ; ซ่อนเมื่อแถบนำทางถูกย่อ.

โทเค็นที่ใช้ ​

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-decorationnone | [ underline || overline || line-through || blink ] | spelling-error | grammar-errornone
--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