uswds-jekyll 4.2.0 → 5.0.0

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

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

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

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

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

@@ -0,0 +1,33 @@
+/*
+========================================
+outline-color
+----------------------------------------
+usage:
+  .outline-color-[key]
+----------------------------------------
+output:
+  outline-color: [value];
+----------------------------------------
+example:
+  .outline-color-yellow-50 {
+    outline-color: #91721f; }
+----------------------------------------
+*/
+
+$u-outline-color: (
+  outline-color: (
+    base: "outline",
+    modifiers: null,
+    values:
+      map-collect(
+        get-palettes($outline-color-palettes),
+        get-palettes($global-color-palettes),
+        $outline-color-manual-values
+      ),
+    settings: $outline-color-settings,
+    valuePrepend: null,
+    valueAppend: null,
+    property: "outline-color",
+    type: "utility"
+  )
+);

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

@@ -0,0 +1,30 @@
+/*
+========================================
+outline
+----------------------------------------
+sets width and style:solid
+----------------------------------------
+usage:
+  .outline-[modifier]
+----------------------------------------
+output:
+  outline: [modifier] solid;
+----------------------------------------
+example:
+  .outline-g05 {
+    outline: 4px solid }
+----------------------------------------
+*/
+
+$u-outline: (
+  outline: (
+    base: "outline",
+    modifiers: null,
+    values: map-collect(get-palettes($outline-palettes), $outline-manual-values),
+    settings: $outline-settings,
+    valuePrepend: null,
+    valueAppend: " solid",
+    property: "outline",
+    type: "utility"
+  )
+);

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

@@ -0,0 +1,31 @@
+/*
+========================================
+overflow
+----------------------------------------
+usage:
+  .overflow-[modifier]
+----------------------------------------
+output:
+  overflow[-modifier]: [value] solid;
+----------------------------------------
+example:
+  .overflow-y-hidden {
+    overflow-y: hidden; }
+----------------------------------------
+*/
+
+$u-overflow: (
+  overflow: (
+    base: "overflow",
+    modifiers: (
+      noModifier: "",
+      "y": "-y",
+      "x": "-x"
+    ),
+    values:
+      map-collect(get-palettes($overflow-palettes), $overflow-manual-values),
+    settings: $overflow-settings,
+    property: "overflow",
+    type: "utility"
+  )
+);

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

@@ -0,0 +1,43 @@
+/*
+========================================
+padding
+----------------------------------------
+usage:
+  .padding-[modifier]*-[value]
+----------------------------------------
+output:
+  padding: [value]
+----------------------------------------
+example:
+  .padding-0 {
+    padding: none; }
+
+  .padding-bottom-1px {
+    padding-bottom: 1px; }
+----------------------------------------
+*/
+
+$u-padding: (
+  padding: (
+    base: "padding",
+    modifiers: (
+      noModifier: "",
+      "y": (
+        "-top",
+        "-bottom"
+      ),
+      "x": (
+        "-left",
+        "-right"
+      ),
+      "top": "-top",
+      "right": "-right",
+      "bottom": "-bottom",
+      "left": "-left"
+    ),
+    values: map-collect(get-palettes($padding-palettes), $padding-manual-values),
+    settings: $padding-settings,
+    property: "padding",
+    type: "utility"
+  )
+);

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

@@ -0,0 +1,101 @@
+/*
+========================================
+PIN
+----------------------------------------
+usage:
+  .pin-all
+----------------------------------------
+output:
+  bottom: 0
+  left:0
+  right: 0
+  top: 0
+----------------------------------------
+example:
+  .pin-all
+----------------------------------------
+*/
+
+$u-pin: (
+  pin: (
+    base: "pin",
+    modifiers: null,
+    values: (
+      all: (
+        slug: "all",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "bottom": "0",
+          "left": "0",
+          "right": "0",
+          "top": "0"
+        )
+      ),
+      x: (
+        slug: "x",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "left": "0",
+          "right": "0"
+        )
+      ),
+      y: (
+        slug: "y",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "bottom": "0",
+          "top": "0"
+        )
+      ),
+      bottom: (
+        slug: "bottom",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "bottom": "0"
+        )
+      ),
+      left: (
+        slug: "left",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "left": "0"
+        )
+      ),
+      right: (
+        slug: "right",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "right": "0"
+        )
+      ),
+      top: (
+        slug: "top",
+        isReadable: true,
+        content: "absolute",
+        extend: (
+          "top": "0"
+        )
+      ),
+      none: (
+        slug: "none",
+        isReadable: true,
+        content: static,
+        extend: (
+          "bottom": auto,
+          "left": auto,
+          "right": auto,
+          "top": auto
+        )
+      )
+    ),
+    settings: $pin-settings,
+    property: "position",
+    type: "utility"
+  )
+);

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

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

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

@@ -0,0 +1,28 @@
+/*
+========================================
+.right
+----------------------------------------
+property: right
+----------------------------------------
+usage:
+  .right-[key]
+----------------------------------------
+output:
+  right: [value];
+----------------------------------------
+example:
+  .right-n2px {
+    right: -2px; }
+----------------------------------------
+*/
+
+$u-right: (
+  right: (
+    base: "right",
+    modifiers: null,
+    values: map-collect(get-palettes($right-palettes), $right-manual-values),
+    settings: $right-settings,
+    property: "right",
+    type: "utility"
+  )
+);

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

@@ -0,0 +1,33 @@
+/*
+========================================
+SQUARE
+----------------------------------------
+usage:
+  .square-[key]
+----------------------------------------
+output:
+  height: [value];
+  width: [value];
+----------------------------------------
+example:
+  .square-g6 {
+    height: 3rem;
+    width: 3rem; }
+----------------------------------------
+*/
+
+$u-square: (
+  square: (
+    base: null,
+    modifiers: (
+      square: (
+        height,
+        width
+      )
+    ),
+    values: map-collect(get-palettes($square-palettes), $square-manual-values),
+    settings: $square-settings,
+    property: "",
+    type: "utility"
+  )
+);

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

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

data/_sass/uswds/src/utilities/rules/text-decoration-color.scss

@@ -0,0 +1,31 @@
+/*
+========================================
+text-decoration-color
+----------------------------------------
+usage:
+  .text-decoration-color-[key]
+----------------------------------------
+output:
+  text-decoration-color: [value]
+----------------------------------------
+example:
+  .text-decoration-color-black {
+    text-decoration-color: #000; }
+----------------------------------------
+*/
+
+$u-text-decoration-color: (
+  text-decoration-color: (
+    base: "underline",
+    modifiers: null,
+    values:
+      map-collect(
+        get-palettes($text-decoration-color-palettes),
+        get-palettes($global-color-palettes),
+        $text-decoration-color-manual-values
+      ),
+    settings: $text-decoration-color-settings,
+    property: "text-decoration-color",
+    type: "utility"
+  )
+);