/* ------------------------------------ *\
  #VISUALLY HIDDEN UTILITIES
\* ------------------------------------ */

@import '@bolt/core';

$bolt-opacity-props: (0, .25, .50, .75, 1);

@mixin bolt-opacity-utils($breakpoint: null) {
  @each $value in $bolt-opacity-props {
    $name: $value * 100;
    .u-bolt-opacity-#{$name}#{$breakpoint} {
      opacity: $value !important;
    }
  }
}

@include bolt-opacity-utils;

// Loop over our breakpoints
@each $breakpoint in $bolt-breakpoints {
  $breakpointName: nth($breakpoint, 1);
  @include bolt-mq($breakpointName) {
    @include bolt-opacity-utils(\@#{$breakpointName});
  }
}

@include export-data('opacity.bolt.json', $bolt-opacity-props);
/* ------------------------------------ *\
  OPACITY UTILITIES
  see `_settings-opacity.scss`
\* ------------------------------------ */

@import '@bolt/core';

@mixin bolt-opacity-utils($breakpoint: null) {
  @each $name, $value in $bolt-opacities {
    .u-bolt-opacity-#{$name}#{$breakpoint} {
      @include bolt-opacity($name, $utility: true);
    }
  }
}

@include bolt-opacity-utils;

@each $breakpoint in $bolt-breakpoints {
  $breakpointName: nth($breakpoint, 1);
  @include bolt-mq($breakpointName) {
    @include bolt-opacity-utils(\@#{$breakpointName});
  }
}

Update opacity utilities to match new opacity settings
feat: Update opacity utilities to match new opacity settings
