uswds-jekyll 4.1.0 → 5.3.0

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",
+  ),
+);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

data/_sass/uswds/src/utilities/rules/z-index.scss

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

data/_sass/uswds/src/utilities/utility-fonts.scss

@@ -0,0 +1,20 @@
+/*
+----------------------------------------
+Set basic font rules for the font
+utilities to reference.
+----------------------------------------
+*/
+
+$if-important: "";
+
+@if $utilities-use-important {
+  $if-important: " !important";
+}
+
+@each $face, $stack in $project-font-stacks {
+  @if $stack {
+    [class*="#{ns('utility')}font-#{$face}-"] {
+      font-family: #{$stack}#{$if-important};
+    }
+  }
+}

data/assets/css/uswds-theme.scss

@@ -0,0 +1,185 @@
+---
+---
+// Modifying this file can can cause the theme to break.
+// It should only be modified by an advanced user.
+
+// import project theme settings
+@import 'uswds-theme-settings';
+
+// import theme override settings
+@import 'uswds-theme-override-settings';
+
+// Setting site width
+{% if site.site_width %}
+  $theme-header-max-width: "full";
+  $theme-banner-max-width: "full";
+{% endif %}
+
+// import uswds
+@import 'uswds-theme-packages';
+
+// set jekyll overrides
+// Nav buttons
+{% for item in site.data.navigation.primary %}
+  {% if item.class %}
+    @import 'uswds/components/nav-buttons';
+  {% break %}
+  {% endif %}
+{% endfor %}
+
+// Setting site width
+{% if site.site_width %}
+  @import 'uswds/components/site-width';
+{% endif %}
+
+$theme-sidenav-breakpoint: '{{ site.data.navigation.sidenav-breakpoint | default: "desktop" }}';
+
+// Banner colors
+{% assign colors_banner = site.data.theme.colors.usa-banner %}
+{% if colors_banner.usa-banner-bg %}
+  $usa-banner-bg: '{{ colors_banner.usa-banner-bg }}';
+{% endif %}
+{% if colors_banner.usa-banner-text %}
+  $usa-banner-text: '{{ colors_banner.usa-banner-text }}';
+{% endif %}
+{% if colors_banner.usa-banner-link %}
+  $usa-banner-link: '{{ colors_banner.usa-banner-link }}';
+{% endif %}
+{% if colors_banner.usa-banner-link-hover %}
+  $usa-banner-link-hover: '{{ colors_banner.usa-banner-link-hover }}';
+{% endif %}
+
+// Header colors
+{% assign colors_header = site.data.theme.colors.header %}
+{% if colors_header.header-bg %}
+  $header-bg: '{{ colors_header.header-bg }}';
+{% endif %}
+{% if colors_header.header-title %}
+  $header-title: '{{ colors_header.header-title }}';
+{% endif %}
+{% if colors_header.header-link %}
+  $header-link: '{{ colors_header.header-link }}';
+{% endif %}
+{% if colors_header.header-link-hover %}
+  $header-link-hover: '{{ colors_header.header-link-hover }}';
+{% endif %}
+
+// Top nav colors
+{% assign colors_nav = site.data.theme.colors.top-navigation %}
+{% if colors_nav.top-nav-bg %}
+  $top-nav-bg: '{{ colors_nav.top-nav-bg }}';
+{% endif %}
+{% if colors_nav.top-nav-link %}
+  $top-nav-link: '{{ colors_nav.top-nav-link }}';
+{% endif %}
+{% if colors_nav.top-nav-link-hover %}
+  $top-nav-link-hover: '{{ colors_nav.top-nav-link-hover }}';
+{% endif %}
+{% if colors_nav.top-nav-link-hover-bg %}
+  $top-nav-link-hover-bg: '{{ colors_nav.top-nav-link-hover-bg }}';
+{% endif %}
+{% if colors_nav.top-nav-link-current %}
+  $top-nav-link-current: '{{ colors_nav.top-nav-link-current }}';
+{% endif %}
+{% if colors_nav.top-nav-dropdown-bg %}
+  $top-nav-dropdown-bg: '{{ colors_nav.top-nav-dropdown-bg }}';
+{% endif %}
+{% if colors_nav.top-nav-dropdown-link %}
+  $top-nav-dropdown-link: '{{ colors_nav.top-nav-dropdown-link }}';
+{% endif %}
+{% if colors_nav.top-nav-dropdown-link-hover-bg %}
+  $top-nav-dropdown-link-hover-bg: '{{ colors_nav.top-nav-dropdown-link-hover-bg }}';
+{% endif %}
+
+// Sidenav colors
+{% assign colors_sidenav = site.data.theme.colors.side-navigation %}
+{% if colors_sidenav.side-nav-bg %}
+  $side-nav-bg: '{{ colors_sidenav.side-nav-bg }}';
+{% endif %}
+{% if colors_sidenav.side-nav-link %}
+  $side-nav-link: '{{ colors_sidenav.side-nav-link }}';
+{% endif %}
+{% if colors_sidenav.side-nav-link-hover %}
+  $side-nav-link-hover: '{{ colors_sidenav.side-nav-link-hover }}';
+{% endif %}
+{% if colors_sidenav.side-nav-link-hover-bg %}
+  $side-nav-link-hover-bg: '{{ colors_sidenav.side-nav-link-hover-bg }}';
+{% endif %}
+{% if colors_sidenav.side-nav-link-current %}
+  $side-nav-link-current: '{{ colors_sidenav.side-nav-link-current }}';
+{% endif %}
+
+// Hero colors
+{% assign colors_hero = site.data.theme.colors.hero %}
+{% if colors_hero.hero-bg %}
+  $hero-bg: '{{ colors_hero.hero-bg }}';
+{% endif %}
+{% if colors_hero.hero-header-alt %}
+  $hero-header-alt: '{{ colors_hero.hero-header-alt }}';
+{% endif %}
+{% if colors_hero.hero-header %}
+  $hero-header: '{{ colors_hero.hero-header }}';
+{% endif %}
+{% if colors_hero.hero-text %}
+  $hero-text: '{{ colors_hero.hero-text }}';
+{% endif %}
+{% if colors_hero.hero-link %}
+  $hero-link: '{{ colors_hero.hero-link }}';
+{% endif %}
+{% if colors_hero.hero-button-bg %}
+  $hero-button-bg: '{{ colors_hero.hero-button-bg }}';
+{% endif %}
+{% if colors_hero.hero-button-text %}
+  $hero-button-text: '{{ colors_hero.hero-button-text }}';
+{% endif %}
+
+// Alt section colors
+{% assign colors_alt = site.data.theme.colors.alt-section %}
+{% if colors_alt.bg-color %}
+  $alt-section-bg: '{{ colors_alt.bg-color }}';
+{% endif %}
+{% if colors_alt.header-color %}
+  $alt-section-header: '{{ colors_alt.header-color }}';
+{% endif %}
+{% if colors_alt.text-color %}
+  $alt-section-text: '{{ colors_alt.text-color }}';
+{% endif %}
+{% if colors_alt.link-color %}
+  $alt-section-link: '{{ colors_alt.link-color }}';
+{% endif %}
+{% if colors_alt.link-hover-color %}
+  $alt-section-link-hover: '{{ colors_alt.link-hover-color }}';
+{% endif %}
+
+// Footer colors
+{% assign colors_footer = site.data.theme.colors.footer %}
+{% if colors_footer.primary-footer-bg %}
+  $primary-footer-bg: '{{ colors_footer.primary-footer-bg }}';
+{% endif %}
+{% if colors_footer.primary-footer-link %}
+  $primary-footer-link: '{{ colors_footer.primary-footer-link }}';
+{% endif %}
+{% if colors_footer.footer-bg %}
+  $footer-bg: '{{ colors_footer.footer-bg }}';
+{% endif %}
+{% if colors_footer.footer-text %}
+  $footer-text: '{{ colors_footer.footer-text }}';
+{% endif %}
+{% if colors_footer.footer-link %}
+  $footer-link: '{{ colors_footer.footer-link }}';
+{% endif %}
+{% if colors_footer.footer-social-link %}
+  $footer-social-link: '{{ colors_footer.footer-social-link }}';
+{% endif %}
+
+// import jekyll uswds override styles
+@import 'uswds/components/all';
+
+// import theme styles
+@import 'uswds/custom/uswds-theme-custom-styles';
+
+// import conversion variables
+@import 'uswds/settings/uswds-conversion-variables';
+
+// import user custom styles
+@import 'uswds-theme-custom-styles';