example-counter-styles.css

/** Example Counter Styles from the Specification
 *  =============================================
 *
 *  @uses https://drafts.csswg.org/css-counter-styles/
 *  @extends https://github.com/w3c/predefined-counter-styles
 */
 
@counter-style triangle {
  system: cyclic;
  symbols: '‣';
  suffix: " ";
}

@counter-style box-corner {
  system: fixed;
  symbols: '◰' '◳' '◲' '◱';
  suffix: ': ';
}

@counter-style footnote {
  system: symbolic;
  symbols: '*' '⁑' '†' '‡'; /* anonymous variant also includes '§' and is `fixed` */
  suffix: " ";
}

@counter-style upper-alpha-legal {
  system: symbolic;
  symbols: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z;
}

@counter-style go {
  system: alphabetic;
  symbols: '⚪️' '⚫️'; /* original uses SVG images */
  suffix: " ";
}

@counter-style trinary {
  system: numeric;
  symbols: '0' '1' '2';
}

@counter-style dice {
  system: additive;
  additive-symbols: 6 '⚅', 5 '⚄', 4 '⚃', 3 '⚂', 2 '⚁', 1 '⚀';
  suffix: " ";
}

@counter-style decimal-paren {
  system: extends decimal;
  suffix: ") ";
}