@use 'sass:map';
@use '../abstracts/functions';
@use '../abstracts/mixins';
@use '../abstracts/variables';

/** @define utilities */

$radius: (
  'None': 0,
  '1': 1,
  '2': 2,
  '4': 4,
  '8': 16,
  '24': 24,
  '64': 64,
  '128': 128,
);

/// Border radius classes
///
/// @author Richard McCartney
///
/// @access public
/// @group Utilities
@each $key, $value in $radius {
  // stylelint-disable-next-line plugin/selector-bem-pattern
  .u-borderRadius#{$key} {
    border-radius: var(--border-radius-#{$value});

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

.u-borderRadiusCircle {
  border-radius: 50rem;
}