CSS: list.item
.instui-list — Egy listaelem (InstUI List.Item).
A szülő list -size-sm/-size-lg, -ordered és -delimiter-solid/-delimiter-dashed módosítói újraformázzák ezt a tagot — ezen módosítókról lásd a(z) list saját dokumentációját.
Használat
css
@import "@pantoken/components/components.css";
@import "@pantoken/components/list.item.css";Módosítók
| Módosító | Leírás |
|---|---|
.-delimiter-dashed | Elemek elválasztása szaggatott vonallal. @affects list.item — Elválasztó vonalat ad az elemek közé. |
.-delimiter-solid | Elemek elválasztása folytonos vonallal. @affects list.item — Elválasztó vonalat ad az elemek közé. |
.-ordered | Rendezett lista számozása. @affects list.item — Jelölővastagságot és behúzást ad hozzá. |
.-size-large | A -size-lg hosszú formájú aliasa. |
.-size-medium | A(z) -size-md hosszú formátumú aliasa. |
.-size-small | A -size-sm hosszú formájú aliasa. |
Pszeudoelemek
| Pszeudoelem | Leírás |
|---|---|
::marker | Megjeleníti a lista pontot vagy a rendezett lista számát. |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-component-list-item-color | <color> | LightDarklight-dark(#273540, #ffffff) |
--instui-component-list-item-delimiter-dashed-border-color | <color> | LightDarklight-dark(#E8EAEC, #2D3D49) |
--instui-component-list-item-delimiter-dashed-border-style | — | dashed |
--instui-component-list-item-delimiter-dashed-border-width | <length> | 0.0625rem |
--instui-component-list-item-delimiter-solid-border-color | <color> | LightDarklight-dark(#E8EAEC, #2D3D49) |
--instui-component-list-item-delimiter-solid-border-style | — | solid |
--instui-component-list-item-delimiter-solid-border-width | <length> | 0.0625rem |
--instui-component-list-item-font-family | [ <font-family-name> | <generic-font-family> ]# | Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif |
--instui-component-list-item-font-size-large | <length> | 1.25rem |
--instui-component-list-item-font-size-medium | <length> | 1rem |
--instui-component-list-item-font-size-small | <length> | 0.875rem |
--instui-component-list-item-font-weight | <integer> | 400 |
--instui-component-list-item-line-height | <percentage> | 150% |
--instui-component-list-item-spacing-medium | <length> | 1.5rem |
--instui-component-list-ordered-number-font-weight | <integer> | 600 |
--instui-component-list-ordered-number-margin | <length> | 0.5rem |