Custom list styles

'.themed-list'

  • List item 1
  • A second list item
  • Number three in the list
  • List item number 4
  • Fifth and final
  1. List item 1
  2. A second list item
  3. Number three in the list
  4. List item number 4
  5. Fifth and final

'.tick-list'

  • Purely class based
  • SVG colour is controlled by theme
  • Number three in the list
  • List item number 4

'.icon-list'

  • Icons are absolutely positioned
  • So the text can wrap with a consistent indent from the icon
  • Icons can be anything - set with FontAwesome