Thanks to visit codestin.com
Credit goes to github.com

Skip to content

USWDS - Bug: utility breakpoints #5011

@alex9000

Description

@alex9000

Describe the bug

I'm using "@uswds/uswds": "^3.0.2"

In the docs under utility breakpoints, it lists those set as true or false by default.

Utility breakpoints $theme-utility-breakpoints   map Set which mobile-first breakpoints are output for the utilities.
  "card" false    
  "card-lg" false    
  "mobile" false    
  "mobile-lg" true    
  "tablet" true    
  "tablet-lg" false    
  "desktop" true    
  "desktop-lg" false    
  "widescreen" false

Steps to reproduce the bug

In order to enable the mobile breakpoint, I set the following value in _uswds-theme.scss
$theme-utility-breakpoints:
(
"mobile": true,
),

Expected Behavior

I will be able to use utilities like mobile:utility and desktop:utility. Instead the desktop breakpoint was disabled while the mobile was enabled.

Related code

No response

Screenshots

No response

System setup

No response

Additional context

No response

Code of Conduct

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions