Skip to content

Rename viewport based sizing utility classes #6019

@leagrdv

Description

@leagrdv

We previously renamed the percentage based utility classes to names instead of numbers (e.g. w-50 to w-half). It would make sense to align the viewport based classes to that.

Classes that would change:

  • min-vh-*
  • min-vw-*
  • max-vh-*
  • max-vw-*
  • vh-*
  • vw-*

Percentage changes:

  • *-25 -> *-quarter
  • *-33 -> *-third
  • *-50 -> *-half
  • *-66 -> *-two-thirds
  • *-75 -> *-three-quarters
  • *-100 -> *-full

Metadata

Metadata

Assignees

Labels

good first issueGood for newcomers📦 documentationRelated to the @swisspost/design-system-documentation package📦 stylesRelated to the @swisspost/design-system-styles package

Type

Projects

Status

🆗 Ready

Relationships

None yet

Development

No branches or pull requests

Issue actions