/*

border-width


usage:

.border-[modifier]*-width-[key]

output:

border-[modifier]-width: [value];

example:

.border-top-width-1px {
  border-top-width: 1px; }

*/

$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,
  property: "border",
  type: "utility",
),

);