CSS: tabs.tab

.tab — He pātene ripa kotahi (InstUI Tabs.Tab, i whirihorahia mā te rārangi ripa o te mātua Tabs); ko -selected te tohu i te mea e mahi ana.

Ko te kaiwhakaohotanga -variant-secondary o te mātua tabs e huri ana i te āhua o tēnei mema kia ripa "kōpaki" porowhita — tirohia ngā tuhinga a tabs mō taua kaiwhakaohotanga.

Ngā Whakamahi

@import "@pantoken/components/components.css";
@import "@pantoken/components/tabs.tab.css";

Ngā Kaitī

Kaiwhakatikatika	Whakamārama
.-disabled	Kāore e taea te whakapā; he āhua tōrite ki [aria-disabled="true"]/:disabled.
.-selected	Te ripa e mahi ana; he āhua tōrite ki [aria-selected="true"].

Ngā āhuatanga

Tūnga	Whakamārama
[aria-disabled="true"]	—
[aria-selected="true"]	—
:disabled	—
:state(selected)	—

Ngā tohu i whakamahia

Token	Momo	Uara
--instui-component-tabs-panel-border-width	<length>	0.0625rem
--instui-component-tabs-tab-default-hover-border-color	<color>	LightDarklight-dark(#8D959F, #6A7883)
--instui-component-tabs-tab-default-selected-border-color	<color>	LightDarklight-dark(#1D354F, #EEF4FD)
--instui-component-tabs-tab-default-text-color	<color>	LightDarklight-dark(#273540, #ffffff)
--instui-component-tabs-tab-font-family	[ <font-family-name> | <generic-font-family> ]#	Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif
--instui-component-tabs-tab-font-size	<length>	1rem
--instui-component-tabs-tab-font-weight	<integer>	400
--instui-component-tabs-tab-line-height	<percentage>	125%
--instui-component-tabs-tab-secondary-selected-background	<color>	LightDarklight-dark(#1D354F, #EEF4FD)
--instui-component-tabs-tab-secondary-selected-border-color	<color>	LightDarklight-dark(#1D354F, #EEF4FD)
--instui-component-tabs-tab-secondary-selected-text-color	<color>	LightDarklight-dark(#ffffff, #1C222B)
--instui-component-tabs-tab-secondary-text-color	<color>	LightDarklight-dark(#273540, #ffffff)