18F/18f.gsa.gov

/*
========================================
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"
  )
);