Screen sizes

components/utilities/_screen-sizes.scss

Screen sizes declarations from $ds-screen-sizes in settings/_new.scss.

  • undefinednormal
  • normal

normal

Hide only on normal

.u-hidden-normal
or via attribute

u-hidden="normal"


Mixin

@include my-screen-size(normal) {
// your CSS for screen size normal
}

Mixins for multiple selection

HTML attributes for multiple selection

It is possible to hide an element on multiple screen sizes at the same time using custom HTML attributes.