18F/web-design-standards

/*
========================================
border-width
----------------------------------------
usage:
  .border-[modifier]*-width-[key]
----------------------------------------
output:
  border-[modifier]-width: [value];
----------------------------------------
example:
  .border-top-width-1px {
    border-top-width: 1px;
  }
----------------------------------------
*/

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

$u-border-width: (
  border-width: (
    base: "border",
    modifiers: (
      "width": "-width",
      "y-width": (
        "-top-width",
        "-bottom-width",
      ),
      "x-width": (
        "-left-width",
        "-right-width",
      ),
      "top-width": "-top-width",
      "right-width": "-right-width",
      "bottom-width": "-bottom-width",
      "left-width": "-left-width",
    ),
    values:
      map-collect(
        get-palettes($border-width-palettes),
        $border-width-manual-values
      ),
    settings: $border-width-settings-complete,
    property: "border",
    type: "utility",
  ),
);