assets/css/_utils.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.u-hidden {
  display: none;

  @each $name, $width in $breakpoints {
    &\@#{$name}-down {
      @media (max-width: $width) {
        display: none;
      }
    }

    &\@#{$name}-up {
      @media (min-width: $width + 1) {
        display: none;
      }
    }
  }
}