18F/18f.gsa.gov

View on GitHub
_sass/_libs/uswds/scss/utilities/rules/border.scss

Summary

Maintainability
Test Coverage
/*
========================================
border
----------------------------------------
Also applies `solid`
Needs to come before other border utils
----------------------------------------
usage:
  .border-[modifier]*-[key]
----------------------------------------
output:
  border-[modifier]: [value];
----------------------------------------
example:
  .border-t-1px {
    border-top: 1px solid; }

  .border-0 {
    border: none; }
----------------------------------------
*/

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