Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS Library: add the USWDS utility breakpoint theme setting for medium-screen #3400

Open
6 tasks
jamigibbs opened this issue Oct 16, 2024 · 0 comments
Open
6 tasks

Comments

@jamigibbs
Copy link
Contributor

Description

The v3.9.0 release of USWDS includes the $theme-utility-breakpoints-custom setting which should be used to generate custom breakpoint utility classes. We can use this for the VA Design System's medium-screen breakpoint.

The medium-screen breakpoint is 768px.

The CSS Library theme settings should have something like the following added to it and all of the custom medium-screen Sass code removed.

@use "uswds-core" with (
  ...
  $theme-utility-breakpoints-custom: (
    "medium-screen": 768px
  )
);

Tasks

  • Update the USWDS package in css-library to v3.9.0
  • Update the CSS Library USWDS theme settings to use the $theme-utility-breakpoints-custom setting.
  • Remove the custom medium-screen utility Sass code
  • Generate the new utility classes

Acceptance Criteria

  • custom utility breakpoint classes for medium-screen are generating and tested
  • code has been cleaned up
@jamigibbs jamigibbs changed the title CSS Library: remove the medium-screen custom script and replace with the USWDS utility breakpoint theme setting CSS Library: add the USWDS utility breakpoint theme setting for medium-screen Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant