List
Custom unordered/ordered list component.
Custom unordered/ordered list component.
All components are based on CodyFrame.
This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.
The List component is used to display a list or related items.
The component includes a set of CSS custom properties to help you customize the list:
.list {
--list-v-space: 1; // control vertical space
--list-offset: 1; // control offset of sublists
}
Edit the --list-v-space
multiplier to increase/decrease the space between list items. Update the --list-offset
multiplier to increase/decrease the offset of the sub-lists.
For the unordered/ordered lists, edit the CSS variables to modify the size of the bullet elements and the gap between the bullet and content:
.list--ul { // unordered list
--bullet-size: 7px; // dot width and height
--bullet-margin-right: var(--space-xxs); // gap between bullet and content
}
Report a bug + changelog on Github ↗ | Suggest new components ↗
📢 We use cookies to give you the best possible website experience. By using CodyHouse, you agree to our Privacy Policy.