v154 · symbols()

Inline against @counter-style

Both produce the same list. The difference is what else they produce: a global name, a declaration far from its use, and — the part that actually bites — a namespace two components have to share.

The same result, two ways

With @counter-style

    With symbols()

      What each approach costs at this component count
      approachlinesglobal namesdeclaration next to its use?

      The clash

      Two components, each shipping a counter style called markers — an entirely reasonable name for both. The second declaration wins, and the first component silently gets the wrong bullets.

      Component A wanted diamonds

        Component A, using symbols()

          Nothing to collide with: the style has no name, so no other component can redefine it.

          see also