Lists styled with default list style types are pretty basic and don't do much to make a web page design more unique and memorable.
Using a grid laout and a CSS counter - which acts like a variable to insert list item numbers - a more upmarket design can be achieved.
Although the list item default prefixes can be styled it's a lot easier just to get rid of them and use a styled icon tag with content added using a pseudo element.
Incremental list with optional header, list items with heading, text and one or two links and optional footer with optional external link and disclaimer text.
Items have a three column responsive grid layout with auto numbering, info and links.
The number icon has controls for font size, color, background width & height and border width, color & radius & vertical align - top or center.
The heading and text have their own controls for font size and color and the text has a line height control.
The link in column three can be inserted on its own, vertically aligned center and configured to open an internal or external page.
The optional link is configured to open and external page used for a "Buy" or "Add To Cart" link.
The optional footer has a text field for cantered disclaimer text & an optional external; or "View Cart" link.
The ThemeKit Text Link List shown above can be used for links to other pages or sites or open a page for purchasing the item.
The heading and text before the list and the footer are optional.
Layout
The list uses a three column CSS grid layout to create the item name, optional connector line, link and description.
Links
The links can have individual or common link text and can be set globally to open internal or external pages.
The otpional cart/buy links open an external page or accept an e-commerce code.