18F/web-design-standards

/*
========================================
SQUARE
----------------------------------------
usage:
  .square-[key]
----------------------------------------
output:
  height: [value];
  width: [value];
----------------------------------------
example:
  .square-6 {
    height: 3rem;
    width: 3rem;
  }
----------------------------------------
*/

@use "uswds-core/src/styles/settings" as *;
@use "uswds-core/src/styles/functions" as *;
@use "../functions/" as *;

$u-square: (
  square: (
    base: null,
    modifiers: (
      square: (
        height,
        width,
      ),
    ),
    values: map-collect(get-palettes($square-palettes), $square-manual-values),
    settings: $square-settings-complete,
    property: "",
    type: "utility",
  ),
);