/* ==========================================================================
   Helper classes
   ========================================================================== */

/**
 * Use on elements from where the children should not wrap
 */
.nowrap
  white-space: nowrap

/**
 * Hide elements on different screen sizes
 */
$breakpoints :  ('xl' $xlGridBreakpoint) ('lg' $lgGridBreakpoint) ('md' $mdGridBreakpoint) ('sm' $smGridBreakpoint) ('xs' $xsGridBreakpoint)

@each $list in $breakpoints

  $name : nth($list,1)
  $breakpoint : nth($list,2)

  +respond-to-width($breakpoint)
    .hide-on-#{$name}-or-smaller
      display: none

  +respond-to-width-beyond($breakpoint)
    .hide-on-#{$name}-or-larger
      display: none