USDA-FSA / fsa-style

CSS Implementation of USDA's FPAC Design System
http://usda-fsa.github.io/fsa-style/
Other
11 stars 8 forks source link

EPIC: Block => Fill #545

Closed francisrupert closed 2 years ago

francisrupert commented 2 years ago

Summary

Rename --block variants to --fill, e.g. fsa-btn--block => fsa-btn--fill

Tasks

Background

Many components can be toggled between inline and block/full-width, aka "hug contents" and "fill container" respectively. "Block" traditionally implied "full-width," though is less apt as a variant label now that flex plays a much larger role in things and "block" isn't generic or descriptive enough to explicitly mean "full-width."

As with "variation" changing to "variant" (#530), using "fill" adopts Figma terminology for the same.