scss visibility_13.scss

Posted 2021-05-17

@media only screen and (max-width: map-get($map: $breakpoints, $key: xs) - 0.05rem) {
  .display--xs, .display--sm, .display--md, .display--lg, .display--xl {
    display: none !important;
  }
}

@media only screen and (max-width: map-get($map: $breakpoints, $key: sm) - 0.05rem) {
  .display--sm, .display--md, .display--lg, .display--xl {
    display: none !important;
  }
}

@media only screen and (max-width: map-get($map: $breakpoints, $key: md) - 0.05rem) {
  .display--md, .display--lg, .display--xl {
    display: none !important;
  }
}

@media only screen and (max-width: map-get($map: $breakpoints, $key: lg) - 0.05rem) {
  .display--lg, .display--xl {
    display: none !important;
  }
}

@media only screen and (max-width: map-get($map: $breakpoints, $key: xl) - 0.05rem) {
  .display--xl {
    display: none !important;
  }
}