Back to documentation
List item
An item in an ordered or unordered list.
Information
Plan: Personal
Properties
| Property | Type | Default |
|---|---|---|
| Font size | string | "1rem" |
| Font weight | string | "normal" |
| Letter spacing | string | "normal" |
| Color | string | "var(--ophixor-semantic-text-primary)" |
| Color - Hover | string | "var(--ophixor-semantic-text-primary)" |
| Text decoration | string | "none" |
| Text decoration - Hover | string | "none" |
| Background | string | "none" |
| Background - Hover | string | "none" |
| Background color | string | "transparent" |
| Background color - Hover | string | "transparent" |
| Cursor | string | "auto" |
| Cursor - Hover | string | "auto" |
| Border color | string | "transparent" |
| Border color - Hover | string | "transparent" |
| Border width | string | "0px" |
| Border radius | string | "0px" |
| Box shadow | string | "none" |
| Box shadow - Hover | string | "none" |
| Text shadow | string | "none" |
| Text shadow - Hover | string | "none" |
| Display | enum<string> | "list-item" |
| Position | enum<string> | "relative" |
| Top | string | "auto" |
| Right | string | "auto" |
| Bottom | string | "auto" |
| Left | string | "auto" |
| Z-index | string | "auto" |
| Flexbox direction | enum<string> | "column" |
| Align items along the cross axis | enum<string> | "stretch" |
| Justify content along the main axis | enum<string> | "stretch" |
| Padding | string | "0px" |
| Gap | string | "0.5rem" |
| Width | string | "auto" |
| Height | string | "auto" |
| Selectors | array | [] |