Skip to content

Spacing scale: where do your spacing tokens live? (audit from the Rhythmguard benchmark) #1132

Description

@PetriLahdelma

Spacing scale: where do your spacing tokens live? (audit from the Rhythmguard benchmark)

Hi. I maintain stylelint-plugin-rhythmguard, a Stylelint rule that checks spacing values against a project's own scale. To keep it quiet on code I do not control, I run it against public design systems on pinned commits and publish the numbers. This repository is one of them, and I would rather you saw the audit here than in a report first.

What was run. npx rhythmguard audit . --scale auto at 6bcf867 over assets/sass. Hairlines of one pixel or less, percentages, and generated or test paths are excluded. Anyone can reproduce it in a checkout of that commit.

What it found. The audit could not find a spacing token set here (it looks for --space-* / --spacing-* custom properties, Sass $spacer / $spacing-* variables and maps, or a Tailwind --spacing base), so it measured against a default 4px scale instead. Against that default it reported 18 literal values, a number that says more about my token discovery than about your CSS, so I am not treating it as a finding.

The ask. If you can point me at where the spacing scale is defined (a token file, a Sass map, a package), I will teach the tool to read it, re-run the audit on the real scale, and post the result here. If spacing is intentionally not on a scale, saying so is just as useful and I will mark the row that way.

The row for this repository will appear in a periodic "State of Spacing" table in the Rhythmguard repository, with this issue linked. If you would rather not be listed, say so here and I will remove it.

Feel free to close this if it is not useful. Thanks for the CSS.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    Priority

    None yet

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions