uswds-jekyll 3.0.0 → 5.0.1

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

@@ -0,0 +1,29 @@
+/*
+========================================
+font-style
+----------------------------------------
+usage:
+  .text-italic
+----------------------------------------
+output:
+  font-style: italic;
+----------------------------------------
+example:
+  .text-italic {
+    font-style: italic; }
+  .text-no-italic {
+    font-style: normal; }
+----------------------------------------
+*/
+
+$u-font-style: (
+  font-style: (
+    base: "text",
+    modifiers: null,
+    values:
+      map-collect(get-palettes($font-style-palettes), $font-style-manual-values),
+    settings: $font-style-settings,
+    property: "font-style",
+    type: "utility"
+  )
+);

data/_sass/uswds/src/utilities/rules/font-weight.scss

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

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

@@ -0,0 +1,38 @@
+/*
+========================================
+font
+----------------------------------------
+sets font-size and font-family
+----------------------------------------
+usage:
+  .size-[key]-[key]
+----------------------------------------
+output:
+  font-family: [value];
+  font-size: [value];
+----------------------------------------
+example:
+  .size-sans-s3 {
+    font-face: '18Franklin-webfont',
+                system,
+                -apple-system,
+                BlinkMacSystemFont,
+                'Roboto',
+                'Helvetica Neue',
+                'Helvetica',
+                'Arial',
+                sans-serif;
+    font-size: 1rem; }
+----------------------------------------
+*/
+
+$u-font: (
+  font: (
+    base: "font",
+    modifiers: null,
+    values: map-collect(get-palettes($font-palettes), $font-manual-values),
+    settings: $font-settings,
+    property: "font-size",
+    type: "utility"
+  )
+);

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

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

data/_sass/uswds/src/utilities/rules/justify-content.scss

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

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

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

data/_sass/uswds/src/utilities/rules/letter-spacing.scss

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

data/_sass/uswds/src/utilities/rules/line-height.scss

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

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

@@ -0,0 +1,70 @@
+/*
+========================================
+margin
+----------------------------------------
+usage:
+  .margin-[modifier]*-[key]
+----------------------------------------
+output:
+  margin: [value]
+----------------------------------------
+example:
+  .margin-x-auto {
+    margin-left: auto;
+    margin-right: auto; }
+
+  .margin-g105 {
+    margin: .75rem; }
+----------------------------------------
+*/
+
+$u-margin: (
+  margin: (
+    base: "margin",
+    modifiers: (
+      noModifier: ""
+    ),
+    values: map-collect(get-palettes($margin-palettes), $margin-manual-values),
+    settings: $margin-settings,
+    property: "margin",
+    type: "utility"
+  ),
+  margin-vertical: (
+    base: "margin",
+    modifiers: (
+      "y": (
+        "-top",
+        "-bottom"
+      ),
+      "top": "-top",
+      "bottom": "-bottom"
+    ),
+    values:
+      map-collect(
+        get-palettes($margin-vertical-palettes),
+        $margin-manual-values
+      ),
+    settings: $margin-settings,
+    property: "margin",
+    type: "utility"
+  ),
+  margin-horizontal: (
+    base: "margin",
+    modifiers: (
+      "x": (
+        "-left",
+        "-right"
+      ),
+      "right": "-right",
+      "left": "-left"
+    ),
+    values:
+      map-collect(
+        get-palettes($margin-horizontal-palettes),
+        $margin-manual-values
+      ),
+    settings: $margin-settings,
+    property: "margin",
+    type: "utility"
+  )
+);

data/_sass/uswds/src/utilities/rules/max-height.scss

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

data/_sass/uswds/src/utilities/rules/max-width.scss

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

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

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

data/_sass/uswds/src/utilities/rules/min-height.scss

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

data/_sass/uswds/src/utilities/rules/min-width.scss

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