Theme:
SCSS TypeScript

List

Standard lists with and without numbering.

Theme basic Screen size XL
html

State List Style

With this classes you can change the dot styles of an <ul> list to a state icon like info, success, warning or error.

The following list describe all existing block/element/modifier classes.

  • .list - required a list with states icons as list marker, must be an <ul> list
  • .list__info - represent a info state, must be an <li> list item
  • .list__success - represent a success state, must be an <li> list item
  • .list__warning - represent a warning state, must be an <li> list item
  • .list__error - represent an error state, must be an <li> list item
  • Modifier
    • .list--circle - add a colored circle around the state icon
    • .list--pro - special success color for f.net PRO, only in finanzen.net Theme

Example:

Theme basic Screen size XL
html