Problem/Motivation
The usa-card-group is a flex container which normally supports all flex justifications - flex-start, flex-end, center, baseline, etc. However, the USWDS Drupal module is locked into center justification only.
Steps to reproduce
1. Create a UWSDS Page.
2. Add a Card Group to the page.
3. Enter a USWDS justification class into the "USWDS Classes" entry (my team wants to use flex-justification-start).
4. Save and view rendered page.
Proposed resolution
The CSS in uswds-paragraph-components-cards.css sets the usa-card-group justification to center by default and has no styling for other justifications. Add the other justifications with the following pattern for the selector and style:
.paragraph--type--uswds-card-group-regular.flex-justify-start .usa-card-group,
.paragraph--type--uswds-card-group-flag.flex-justify-start .usa-card-group {justify-content: flex-start;}
Remaining tasks
None.
User interface changes
None.
API changes
None.
Data model changes
None.
Comments
Comment #2
usdatullis commentedComment #3
Varun Rao commentedPlease add the relevant screenshots for a better understanding, Thank you.