/** @define utilities */
@use '../abstracts/functions';
@use '../abstracts/mixins';
@use '../abstracts/variables';

/// Display classes
///
/// @group Utilities
/// @author Richard McCartney
@each $value in 'block', 'none', 'inline', 'inline-block', 'table', 'table-cell', 'table-row' {
  // stylelint-disable-next-line plugin/selector-bem-pattern
  .u-display#{functions.pascalize($value)} {
    display: $value !important;

    @each $breakpoint in variables.$breakpoints {
      @include mixins.media-min-width($breakpoint) {
        // stylelint-disable-next-line plugin/selector-bem-pattern
        &:#{$breakpoint} {
          display: $value !important;
        }
      }
    }
  }
}

/// Visibility utility classes
///
/// @group Utilities
/// @author Richard McCartney
.u-hiddenVisually {
  border: 0 !important;
  clip: rect(var(--size-1), var(--size-1), var(--size-1), var(--size-1)) !important;
  height: var(--size-1) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: var(--size-1) !important;
}