ACC SHELL

/**
 * Display-type utilities
 */

.u-block {
  display: block !important;
}

.u-hidden {
  display: none !important;
}

/**
 * Completely remove from the flow but leave available to screen readers.
 */

.u-hiddenVisually {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

.u-inline {
  display: inline !important;
}

/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%; /* 1 */
}

.u-table {
  display: table !important;
}

.u-tableCell {
  display: table-cell !important;
}

.u-tableRow {
  display: table-row !important;
}

@each $breakpoint in $breakpoints {
  $alias:     nth($breakpoint, 1);
  $condition: nth($breakpoint, 2);

  @if ($alias != "retina") {
    @include mq($alias) {
      .u-block--#{$alias} {
        display: block !important;
      }

      .u-hidden--#{$alias} {
        display: none !important;
      }

      .u-inline--#{$alias} {
        display: inline !important;
      }

      .u-inlineBlock--#{$alias} {
        display: inline-block !important;
        max-width: 100%; /* 1 */
      }

      .u-table--#{$alias} {
        display: table !important;
      }

      .u-tableCell--#{$alias} {
        display: table-cell !important;
      }

      .u-tableRow--#{$alias} {
        display: table-row !important;
      }
    }
  }
}