uswds-jekyll 4.2.0 → 5.4.0

data/_sass/uswds/src/utilities/rules/_all.scss

@@ -0,0 +1,57 @@
+@import "add-aspect";
+@import "add-list-reset";
+@import "align-items";
+@import "align-self";
+@import "background-color";
+@import "border";
+@import "border-color";
+@import "border-radius";
+@import "border-style";
+@import "border-width";
+@import "bottom";
+@import "box-shadow";
+@import "circle";
+@import "clearfix";
+@import "color";
+@import "cursor";
+@import "display";
+@import "float";
+@import "flex";
+@import "flex-direction";
+@import "flex-wrap";
+@import "font";
+@import "font-family";
+@import "font-feature";
+@import "font-style";
+@import "font-weight";
+@import "height";
+@import "justify-content";
+@import "left";
+@import "letter-spacing";
+@import "line-height";
+@import "margin";
+@import "max-height";
+@import "max-width";
+@import "measure";
+@import "min-height";
+@import "min-width";
+@import "opacity";
+@import "outline";
+@import "outline-color";
+@import "overflow";
+@import "order";
+@import "padding";
+@import "pin";
+@import "position";
+@import "right";
+@import "square";
+@import "text-align";
+@import "text-decoration";
+@import "text-decoration-color";
+@import "text-indent";
+@import "text-transform";
+@import "top";
+@import "vertical-align";
+@import "whitespace";
+@import "width";
+@import "z-index";

data/_sass/uswds/src/utilities/rules/_package.scss

@@ -0,0 +1,62 @@
+// Collect all the individual utility maps
+// into a single map for looping.
+
+$utilities-package: map-collect(
+  $add-aspect,
+  $add-list-reset,
+  $u-align-items,
+  $u-align-self,
+  $u-background-color,
+  $u-border,
+  $u-border-color,
+  $u-border-radius,
+  $u-border-style,
+  $u-border-width,
+  $u-bottom,
+  $u-box-shadow,
+  $u-circle,
+  $u-clearfix,
+  $u-color,
+  $u-cursor,
+  $u-display,
+  $u-flex,
+  $u-flex-direction,
+  $u-flex-wrap,
+  $u-float,
+  $u-font,
+  $u-font-family,
+  $u-font-feature,
+  $u-font-style,
+  $u-font-weight,
+  $u-height,
+  $u-justify-content,
+  $u-left,
+  $u-letter-spacing,
+  $u-line-height,
+  $u-margin,
+  $u-max-height,
+  $u-max-width,
+  $u-measure,
+  $u-min-height,
+  $u-min-width,
+  $u-opacity,
+  $u-order,
+  $u-outline,
+  $u-outline-color,
+  $u-overflow,
+  $u-padding,
+  $u-pin,
+  $u-position,
+  $u-right,
+  $u-square,
+  $u-text-align,
+  $u-text-decoration,
+  $u-text-decoration-color,
+  $u-text-indent,
+  $u-text-transform,
+  $u-top,
+  $u-vertical-align,
+  $u-whitespace,
+  $u-width,
+  $u-z-index
+);

data/_sass/uswds/src/utilities/rules/add-aspect.scss

@@ -0,0 +1,84 @@
+/*
+========================================
+ASPECT
+----------------------------------------
+usage:
+  .aspect-[value]
+----------------------------------------
+output:
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 100%;
+----------------------------------------
+example:
+  .aspect-16x9
+----------------------------------------
+*/
+
+$add-aspect: (
+  add-aspect: (
+    base: "add-aspect",
+    modifiers: null,
+    values: (
+      9x16: (
+        slug: "9x16",
+        isReadable: true,
+        content: relative,
+        extend: (
+          "box-sizing": border-box,
+          "height": 0,
+          "overflow": hidden,
+          "padding": 0 0 177.77778%,
+        ),
+      ),
+      1x1: (
+        slug: "1x1",
+        isReadable: true,
+        content: relative,
+        extend: (
+          "box-sizing": border-box,
+          "height": 0,
+          "overflow": hidden,
+          "padding": 0 0 100%,
+        ),
+      ),
+      4x3: (
+        slug: "4x3",
+        isReadable: true,
+        content: relative,
+        extend: (
+          "box-sizing": border-box,
+          "height": 0,
+          "overflow": hidden,
+          "padding": 0 0 75%,
+        ),
+      ),
+      16x9: (
+        slug: "16x9",
+        isReadable: true,
+        content: relative,
+        extend: (
+          "box-sizing": border-box,
+          "height": 0,
+          "overflow": hidden,
+          "padding": 0 0 56.25%,
+        ),
+      ),
+      2x1: (
+        slug: "2x1",
+        isReadable: true,
+        content: relative,
+        extend: (
+          "box-sizing": border-box,
+          "height": 0,
+          "overflow": hidden,
+          "padding": 0 0 50%,
+        ),
+      ),
+    ),
+    settings: $add-aspect-settings,
+    property: "position",
+    type: "object",
+  ),
+);

data/_sass/uswds/src/utilities/rules/add-list-reset.scss

@@ -0,0 +1,39 @@
+/*
+========================================
+LIST RESET
+----------------------------------------
+usage:
+  .list-reset
+----------------------------------------
+output:
+  list-style: none;
+  padding-left: 0;
+----------------------------------------
+example:
+  .list-reset {
+    list-style: none;
+    padding-left: 0; }
+----------------------------------------
+*/
+
+$add-list-reset: (
+  list-reset: (
+    base: "add-list",
+    modifiers: null,
+    values: (
+      reset: (
+        slug: "reset",
+        isReadable: true,
+        content: "none",
+        extend: (
+          "margin-bottom": "0",
+          "margin-top": "0",
+          "padding-left": "0",
+        ),
+      ),
+    ),
+    settings: $add-list-reset-settings,
+    property: "list-style",
+    type: "object",
+  ),
+);

data/_sass/uswds/src/utilities/rules/align-items.scss

@@ -0,0 +1,30 @@
+/*
+========================================
+align-items
+----------------------------------------
+usage:
+  .flex-align-[key]
+----------------------------------------
+output:
+  align-items: [value];
+----------------------------------------
+example:
+  .flex-align-start {
+    align-items: flex-start; }
+----------------------------------------
+*/
+
+$u-align-items: (
+  align-items: (
+    base: "flex",
+    modifiers: null,
+    values:
+      map-collect(
+        get-palettes($align-items-palettes),
+        $align-items-manual-values
+      ),
+    settings: $align-items-settings,
+    property: "align-items",
+    type: "utility",
+  ),
+);

data/_sass/uswds/src/utilities/rules/align-self.scss

@@ -0,0 +1,27 @@
+/*
+========================================
+align-self
+----------------------------------------
+usage:
+  .flex-align-self-[key]
+----------------------------------------
+output:
+  align-self: [value];
+----------------------------------------
+example:
+  .flex-align-self-start {
+    align-self: flex-start; }
+----------------------------------------
+*/
+
+$u-align-self: (
+  align-self: (
+    base: "flex",
+    modifiers: null,
+    values:
+      map-collect(get-palettes($align-self-palettes), $align-self-manual-values),
+    settings: $align-self-settings,
+    property: "align-self",
+    type: "utility",
+  ),
+);

data/_sass/uswds/src/utilities/rules/background-color.scss

@@ -0,0 +1,32 @@
+/*
+========================================
+background-color
+----------------------------------------
+usage:
+  .bg-[key]
+----------------------------------------
+output:
+  background-color: [value];
+----------------------------------------
+example:
+  .bg-red-50v {
+    background-color: #be4900; }
+----------------------------------------
+*/
+
+$u-background-color: (
+  background-color: (
+    base: "bg",
+    modifiers: null,
+    property: "background-color",
+    values:
+      map-collect(
+        get-palettes($background-color-palettes),
+        get-palettes("palette-color-required"),
+        get-palettes($global-color-palettes),
+        $background-color-manual-values
+      ),
+    settings: $background-color-settings,
+    type: "utility",
+  ),
+);

data/_sass/uswds/src/utilities/rules/border-color.scss

@@ -0,0 +1,32 @@
+/*
+========================================
+background-color
+----------------------------------------
+usage:
+  .border-[color]
+----------------------------------------
+output:
+  border[-color]: [color];
+----------------------------------------
+example:
+  .border-red {
+    border-color: #be4900; }
+----------------------------------------
+*/
+
+$u-border-color: (
+  border-color: (
+    property: "border-color",
+    base: "border",
+    modifiers: null,
+    values:
+      map-collect(
+        $tokens-color-required,
+        get-palettes($border-color-palettes),
+        get-palettes($global-color-palettes),
+        $border-color-manual-values
+      ),
+    settings: $border-color-settings,
+    type: "utility",
+  ),
+);

data/_sass/uswds/src/utilities/rules/border-radius.scss

@@ -0,0 +1,51 @@
+/*
+========================================
+border-radius
+----------------------------------------
+usage:
+  .border-radius-[key]
+----------------------------------------
+output:
+  border-radius: [value];
+----------------------------------------
+example:
+  .border-radius-0 {
+    border-radius: 0; }
+
+  .border-radius-pill {
+    border-radius: 10em; }
+----------------------------------------
+*/
+
+$u-border-radius: (
+  border-radius: (
+    base: "radius",
+    modifiers: (
+      noModifier: "border-radius",
+      "top": (
+        "border-top-left-radius",
+        "border-top-right-radius",
+      ),
+      "right": (
+        "border-top-right-radius",
+        "border-bottom-right-radius",
+      ),
+      "bottom": (
+        "border-bottom-left-radius",
+        "border-bottom-right-radius",
+      ),
+      "left": (
+        "border-top-left-radius",
+        "border-bottom-left-radius",
+      ),
+    ),
+    property: "",
+    values:
+      map-collect(
+        get-palettes($border-radius-palettes),
+        $border-radius-manual-values
+      ),
+    settings: $border-radius-settings,
+    type: "utility",
+  ),
+);

data/_sass/uswds/src/utilities/rules/border-style.scss

@@ -0,0 +1,30 @@
+/*
+========================================
+border-style
+----------------------------------------
+usage:
+  .border[-modifier]*-[key]
+----------------------------------------
+output:
+  border-style: [value];
+----------------------------------------
+example:
+  .border-dotted {
+    border-style: dotted; }
+----------------------------------------
+*/
+
+$u-border-style: (
+  border-style: (
+    base: "border",
+    modifiers: null,
+    values:
+      map-collect(
+        get-palettes($border-style-palettes),
+        $border-style-manual-values
+      ),
+    settings: $border-style-settings,
+    property: "border-style",
+    type: "utility",
+  ),
+);