/*
========================================
circle
----------------------------------------
usage:
  .circle-[key]
----------------------------------------
output:
  height: [value];
  width: [value];
  border-radius: 50%;
----------------------------------------
example:
  .circle-6 {
    height: 3rem;
    width: 3rem; }
----------------------------------------
*/

$u-circle: (
  circle: (
    base: 'circle',
    modifiers: null,
    values: map-collect(
      get-palettes($circle-palettes),
      $circle-manual-values
    ),
    settings: $circle-settings,
    property: (height, width),
    extend: (
      'border-radius': '50%',
    ),
    type: 'utility',
  )
);