Skip to content

LG-3880: Remove BassCSS borders styles#5402

Merged
aduth merged 2 commits intomainfrom
aduth-bg-utility-classes
Sep 14, 2021
Merged

LG-3880: Remove BassCSS borders styles#5402
aduth merged 2 commits intomainfrom
aduth-bg-utility-classes

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented Sep 14, 2021

Why: To improve page load speed by reducing CSS bundle size, to eliminate developer confusion by choice of border styling, to improve developer experience by reducing SASS compilation times, and to standardize on design system styles.

Reference for removal: https://github.com/basscss/basscss-sass/blob/v3.0.0/_borders.scss

Implementation notes:

  • border-top, etc. are still valid utility classes of USWDS (source), with the difference in implementation being that BassCSS applies a color. Since we always accompany our usage of these classes with a border-primary-light, no extra changes are needed.

**Why**: To improve page load speed by reducing CSS bundle size, to eliminate developer confusion by choice of border styling, to improve developer experience by reducing SASS compilation times, and to standardize on design system styles.

Reference for removal: https://github.com/basscss/basscss-sass/blob/v3.0.0/_borders.scss
.btn-border {
border-color: $border-color;
border-radius: $border-radius-lg;
border-radius: 8px;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is going away in #5279 so I don't care so much about inlining the value.

Copy link
Contributor

@zachmargolis zachmargolis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! do we care to add these removed classes to the ERBlint?

@aduth
Copy link
Contributor Author

aduth commented Sep 14, 2021

LGTM! do we care to add these removed classes to the ERBlint?

Yeah, I suppose I can add the patterns just to have extra assurance the classes aren't in use anymore. I'm increasingly wanting to remove the DeprecatedClass linting altogether though, since the value vs. effort isn't feeling very compelling anymore.

@aduth aduth merged commit 5c11b51 into main Sep 14, 2021
@aduth aduth deleted the aduth-bg-utility-classes branch September 14, 2021 17:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants