Update documentation on CSS BEM naming

This commit is contained in:
Rachid Mrad 2024-03-05 18:16:19 -05:00
parent 4554de4a6d
commit 78eee0a9b5
No known key found for this signature in database

View file

@ -263,9 +263,9 @@ Within the `registrar/assets` folder, the `_theme` folder contains three files i
You can also compile the **Sass** at any time using `npx gulp compile`. Similarly, you can copy over **other static assets** (images and javascript files), using `npx gulp copyAssets`.
### CSS convention
### CSS classes naming
We use [CSS Block Element Modifier (BEM)](https://getbem.com/naming/) naming conventions for our custom classes. This is in line with how USWDS [approaches](https://designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/) their CSS class architecture and helps keep our code cohesive and readable.
We use [CSS Block Element Modifier (BEM)](https://getbem.com/naming/) naming convention for our custom classes. This is in line with how USWDS [approaches](https://designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/) their CSS class architecture and helps keep our code cohesive and readable.
### Upgrading USWDS and other JavaScript packages