Lists
Lists are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
Unstyled
Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.
Unstyled spacings
You can add vertical spacings between lists with modifier classes.
Use .list-py-1 class.
Use .list-py-2 class.
Use .list-py-3 class.
Inline
Remove a list's bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.
List separator
Use .list-separator class with the .list-inline class for an inline separator with a circled shape.
Use .list-separator-light for a light version in a dark background.
List comment
Use .list-comment class and .list-comment-item as a child class for a comment style listing.
-
Dave Austin
1 day agoAs a Special Education teacher this resonates so well with me. Fighting with gen ed teachers to flatten for the students with learning disabilities. It also confirms some things for me in my writing.
Reply-
Christina Kray
1 day agoLove it Dave! We're all about keeping it up.
Reply
-
-
Hanna Wolfe
2 days agoSince our attention spans seem to be shrinking by the day — keeping it simple is more important than ever.
Reply
List checked
Replacing the default list-style and left margin on list items with 3 different styles of checkboxes.
List checked Sizings
Use .list-checked-sm class.
Use .list-checked-lg class.