Ensure custom CSS would not impact non-drupito USWDS components on the same page

Created on 24 February 2025, about 1 month ago

Problem/Motivation

In rare cases, we need to add minimal custom CSS to a USWDS component to 'normalize' something (e.g. a paragraph passed into an alert component should not add its own padding because the USWDS alert already takes care of that.

And it's possible for this module to be combined with another USWDS implementation/theme, especially during a transition between the two.

We don't want any of our custom CSS to impact anything except our component, and we don't want to change the OOTB USWDS class names.

Proposed resolution

Use the SDC component-specific selector.

MR will be submitted shortly.

πŸ“Œ Task
Status

Active

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States ashrafabed

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024