Skip to content

Remove BassCSS flex-object styling#5702

Merged
aduth merged 1 commit intomainfrom
aduth-rm-basscss-flex
Dec 13, 2021
Merged

Remove BassCSS flex-object styling#5702
aduth merged 1 commit intomainfrom
aduth-rm-basscss-flex

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented Dec 13, 2021

Why:

  • Standardize on design system
  • Smaller bundled output, and faster generation
  • Avoid ambiguity for developers choosing flex styling

References:

**Why**:

- Standardize on design system
- Smaller bundled output, and faster generation
- Avoid ambiguity for developers choosing flex styling
- 'field-dark'
- 'progress'
- 'flex-(column|none)'
- 'flex(-(center|baseline|stretch|start|end|grow|none|first|last))?'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Note: Not all BassCSS classes are included here, and in the case of flex-column, I removed it from being disallowed. This is because these classes also exist as design system utilities. In most cases, the specific implementation is similar/identical, and the design system will take precedent.

<% end %>
<div class='container padding-y-1 padding-x-2 desktop:padding-x-0 <%= 'tablet:padding-y-0' if show_language_dropdown %>'>
<div class='flex flex-align-center flex-justify-center'>
<div class='flex flex-auto flex-first'>
Copy link
Contributor Author

@aduth aduth Dec 13, 2021

Choose a reason for hiding this comment

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

flex-first was removed without replacement here. The style effectively applies order: -1. Aside from being a discouraged style, it's also not really necessary here, because it's already the first child in its container.

Copy link
Contributor

@mitchellhenke mitchellhenke left a comment

Choose a reason for hiding this comment

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

👏🏼 👏🏼 👏🏼

@aduth aduth merged commit b3c8d2b into main Dec 13, 2021
@aduth aduth deleted the aduth-rm-basscss-flex branch December 13, 2021 15:58
nathanberg added a commit that referenced this pull request Dec 16, 2021
* main: (50 commits)
  LG-5325 Doc Auth: Error dependent hints and enhanced field level errors (#5708)
  Setup platform authentication (#5632)
  Remove unused i18n keys by replacing dynamic key generation with static enumeration (#5706)
  Configure and fix Rubocop redundant disabling/enabling (#5711)
  LG-4575: accessiblility issue where no file selected still shows after adding file.  (#5691)
  Update rails to 6.1.4.3 (#5710)
  Add remote SAML Logout endpoint (#5676)
  Update "Frontend" CSS docs to reflect current approach (#5695)
  LG-3795 Harden CSP against JSONP endpoints on "safe" domains (#5704)
  LG-5261: Add cancel page logging to "Go Back" button (#5697)
  Add flow path to post doc capture submission events (LG-5257) (#5690)
  Log all vendor status in VendorStatus#track_event (#5703)
  Remove accept-terms-button in favor of ValidatedFieldComponent (#5687)
  Upgrade as many outdated Ruby dependencies as possible (LG-3828) (#5694)
  Remove BassCSS flex-object styling (#5702)
  Remove unused personal-key pattern validation message (#5701)
  Smoke tests in GitLab CI (#5699)
  Show a message in lower envs explaining how to use test SSNs (#5696)
  Remove temporary routes for SP redirects (#5679)
  LG-5262: Add logging to continue button on letter wait page (#5688)
  ...
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.

2 participants