Skip to content

Divide-between-children macro (.sf-divide) #537

Description

@jackgranatowski

Problem

.sf-divider is a standalone separator element, but there's no one-shot way to place rules between all direct children of a container (a very common list/stack pattern). Today you add borders manually.

Scope

  • .sf-divide applying > * + * { border-block-start: var(--sf-border) } (plus a --vertical variant using border-inline-start), reusing divider tokens.

Acceptance

  • .sf-divide (+ vertical) emitted; documented

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions