Installation Link
Copy the following to the <head>of your HTML
<link rel="stylesheet" href="https://design-with-ira.netlify.app/installationLinks/list.css">
To implement the list functionality, add the list class to the
<ul> tag. Also, add the style class to specify the style of the list.
Style Classes
list-bulletedlist-inlinelist-stacked
To the list items <li> add the class list-item.
To the heading of the list, add the class list-heading [optional]. Other heading classes can also be
added. For more details, refer Text Utilities
CSS Properties on List
--list-bullet-styleUnicode value of the bullet--list-bullet-familyfont family of the bullet--list-bullet-colorcolor of the bullet--list-bullet-sizesize of the bullet--list-item-bullet-spacespace between bullet and list item
Bulleted List
Trees
- Pine
- Neem
Inline List
Flowers
- Rose
- Hibiscus
Stacked List
Berries
- Blackberry
- Blueberry
- Cranberry