/*
========================================
border-radius
----------------------------------------
usage:
  .border-radius-[key]
----------------------------------------
output:
  border-radius: [value];
----------------------------------------
example:
  .border-radius-0 {
    border-radius: 0; }

  .border-radius-pill {
    border-radius: 10em; }
----------------------------------------
*/

$u-border-radius: (
  border-radius: (
    base: 'radius',
    modifiers: (
      noModifier: 'border-radius',
      'top': ('border-top-left-radius', 'border-top-right-radius'),
      'right': ('border-top-right-radius', 'border-bottom-right-radius'),
      'bottom': ('border-bottom-left-radius', 'border-bottom-right-radius'),
      'left': ('border-top-left-radius', 'border-bottom-left-radius'),
    ),
    property: '',
    values: map-collect(
      get-palettes($border-radius-palettes),
      $border-radius-manual-values
    ),
    settings: $border-radius-settings,
    type: 'utility',
  )
);