Fill Variants explicit width - Githubissues

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

Fill Variants explicit width #562

Closed francisrupert closed 2 years ago

francisrupert commented 2 years ago

Summary

Adjust component with a --fill (nee --block) to have an explicit width property.

Why

When --fill components' parent is display: flex it effectively shrinks to content width (aka "hug contents" or kind of inline-flex|block

Sub-tasks

[x] Content Tabs
[x] Inline Alert
[x] Breadcrumb
[x] Stepped Tabs
[x] Stepped Control
[x] Pagination
[x] Timeline
[x] Global Nav
[x] App Header
[x] Tophat
[x] Footer
[x] Screen ID