uswds-jekyll 2.2.1 → 5.0.0

data/_includes/components/footer.html

@@ -1,82 +0,0 @@
-{% if footer %}
-
-{% if footer.last_updated %}
-  {% include last-modified.html %}
-{% endif %}
-
-<footer class="usa-footer usa-footer-medium" role="contentinfo">
-
-  {% if footer.top %}
-  <div class="usa-grid usa-footer-return-to-top">
-    <a href="{{ footer.top.href | default: '#' }}">{{ footer.top.text | default: 'Return to top' }}</a>
-  </div>
-  {% endif %}
-
-  {% if footer.links %}
-    {% assign footer_links = site.data.navigation[footer.links] | default: footer.links %}
-    {% assign _sizes = 'whole half third fourth sixth' | split: ' ' %}
-    {% assign _size = footer_links.size | minus: 1 %}
-    {% assign _size = _sizes[_size] | default: 'whole' %}
-  <div class="usa-footer-primary-section">
-    <div class="usa-grid">
-      <nav class="usa-footer-nav">
-        <ul class="usa-unstyled-list">
-          {% for _link in footer_links %}
-          <li class="usa-width-one-{{ _size }} usa-footer-primary-content">
-            <a class="usa-footer-primary-link" href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
-              {{ _link.text }}
-            </a>
-          </li>
-          {% endfor %}
-        </ul>
-      </nav>
-    </div>
-  </div>
-  {% endif %}
-
-  {% if footer.logos or footer.heading or footer.contact %}
-  <div class="usa-footer-secondary_section">
-    <div class="usa-grid">
-      <div class="usa-footer-logo usa-width-one-half">
-        {% if footer.logos %}
-          {% for logo in footer.logos -%}
-            {% if logo.url %}
-        <a href="{{ logo.url }}">
-            {% endif %}
-          <img class="usa-footer-logo-img" src="{% if logo.external %}{{ logo.src }}{% else %}{{ logo.src | relative_url }}{% endif %}" alt="{{ logo.alt }}"{% if logo.width %}width="{{ logo.width }}"{% endif %}{% if logo.height %}height="{{ logo.height }}"{% endif %}>
-            {% if logo.url %}
-        </a>
-            {% endif %}
-          {% endfor %}
-        {% endif %}
-
-        {% if footer.heading %}
-        <h3 class="usa-footer-logo-heading">{{ footer.heading }}</h3>
-        {% endif %}
-      </div>
-
-      {% if footer.contact %}
-      <div class="usa-footer-contact-links usa-width-one-half">
-        {% assign contact_links = site.data.navigation[footer.contact.links] | default: footer.contact.links %}
-        {% for _link in contact_links %}
-        <a class="usa-link-{{ _link.type | default: 'generic' }}" href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
-          <span>{{ _link.text }}</span>
-        </a>
-        {% endfor %}
-
-        {% if footer.contact.address %}
-        <address>
-          {% if footer.contact.heading %}
-          <h3 class="usa-footer-contact-heading">{{ footer.contact.heading }}</h3>
-          {% endif %}
-          {{ footer.contact.address | markdownify }}
-        </address>
-        {% endif %}
-      {% endif %}
-      </div>
-    </div>
-  </div>
-  {% endif %}
-
-</footer>
-{% endif %}

data/_includes/components/header--basic.html

@@ -1,72 +0,0 @@
-{% if header %}
-<header class="usa-header usa-header-basic" role="banner">
-  {% include banner.html %}
-  <div class="usa-nav-container">
-    <div class="usa-navbar">
-      <button class="usa-menu-btn">Menu</button>
-      <div class="usa-logo" id="logo">
-        <em class="usa-logo-text">
-          <a href="{% if header.href %}{{ header.href }}{% else %}{{ site.baseurl }}/{% endif %}" title="Home">
-            {{ header.title | default: site.title }}
-          </a>
-        </em>
-      </div>
-    </div>
-
-    <nav role="navigation" class="usa-nav">
-      <div class="usa-nav-inner">
-        <button class="usa-nav-close">
-          <img src="{{ site.baseurl }}/assets/uswds/img/close.svg" alt="close">
-        </button>
-
-        {% assign _primary = header.primary.links %}
-        {% assign primary_links = site.data.navigation[_primary] | default: _primary %}
-        {% if primary_links %}
-        <ul class="usa-nav-primary usa-accordion">
-          {% for _section in primary_links %}
-          <li>
-            {% if _section.links %}
-              {% assign section_links = site.data.navigation[_section.links] | default: _section.links %}
-              {% assign _section_id = _section.id %}
-              {% unless _section_id %}{% assign _section_id = 'nav-' | append: forloop.index %}{% endunless %}
-            <button class="usa-accordion-button usa-nav-link" aria-expanded="false" aria-controls="{{ _section_id }}">
-              <span>{{ _section.text }}</span>
-            </button>
-            <ul id="{{ _section_id }}" class="usa-nav-submenu" aria-hidden="true">
-              {% for _link in section_links %}
-              <li>
-                <a href="{% if _link.external %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">{{ _link.text }}</a>
-              </li>
-              {% endfor %}
-            </ul>
-            {% else %}
-            <a class="usa-nav-link{% if _section.href == page.permalink %} usa-current{% endif %}" href="{% if _section.external %}{{ _section.href }}{% else %}{{ _section.href | relative_url }}{% endif %}">
-              <span>{{ _section.text }}</span>
-            </a>
-            {% endif %}
-          </li>
-          {% endfor %}
-        </ul>
-        {% endif %}
-
-        {% assign _secondary = header.secondary %}
-
-
-          {% if _secondary.search %}
-          <div class="usa-search usa-search-small" role="search">
-            <form action="{{ _secondary.search.action | relative_url }}">
-                <label class="usa-sr-only" for="search-field-small">Search small</label>
-                <input id="search-field-small" type="search" name="{{ _secondary.search.query | default: 'search' }}">
-                <button type="submit">
-                  <span class="usa-sr-only">Search</span>
-                </button>
-            </form>
-          </div>
-          {% endif %}
-        </div>
-      </div>
-    </nav>
-  </div>
-</header>
-<div class="usa-overlay"></div>
-{% endif %}

data/_includes/components/header--extended.html

@@ -1,85 +0,0 @@
-{% if header %}
-<header class="usa-header usa-header-extended" role="banner">
-  {% include banner.html %}
-  <div class="usa-navbar">
-    <button class="usa-menu-btn">Menu</button>
-    <div class="usa-logo" id="logo">
-      <em class="usa-logo-text">
-        <a href="{% if header.href %}{{ header.href }}{% else %}{{ site.baseurl }}/{% endif %}" title="Home">
-          {{ header.title | default: site.title }}
-        </a>
-      </em>
-    </div>
-  </div>
-
-  <nav role="navigation" class="usa-nav">
-    <div class="usa-nav-inner">
-      <button class="usa-nav-close">
-        <img src="{{ site.baseurl }}/assets/uswds/img/close.svg" alt="close">
-      </button>
-
-      {% assign _primary = header.primary.links %}
-      {% assign primary_links = site.data.navigation[_primary] | default: _primary %}
-      {% if primary_links %}
-      <ul class="usa-nav-primary usa-accordion">
-        {% for _section in primary_links %}
-        <li>
-          {% if _section.links %}
-            {% assign section_links = site.data.navigation[_section.links] | default: _section.links %}
-            {% assign _section_id = _section.id %}
-            {% unless _section_id %}{% assign _section_id = 'nav-' | append: forloop.index %}{% endunless %}
-          <button class="usa-accordion-button usa-nav-link" aria-expanded="false" aria-controls="{{ _section_id }}">
-            <span>{{ _section.text }}</span>
-          </button>
-          <ul id="{{ _section_id }}" class="usa-nav-submenu" aria-hidden="true">
-            {% for _link in section_links %}
-            <li>
-              <a href="{% if _link.external %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">{{ _link.text }}</a>
-            </li>
-            {% endfor %}
-          </ul>
-          {% else %}
-          <a class="usa-nav-link{% if _section.href == page.permalink %} usa-current{% endif %}" href="{% if _section.external %}{{ _section.href }}{% else %}{{ _section.href | relative_url }}{% endif %}">
-            <span>{{ _section.text }}</span>
-          </a>
-          {% endif %}
-        </li>
-        {% endfor %}
-      </ul>
-      {% endif %}
-
-      {% assign _secondary = header.secondary %}
-      {% if _secondary %}
-      <div class="usa-nav-secondary">
-        {% if _secondary.search %}
-          <form action="{{ _secondary.search.action | relative_url }}" class="usa-search usa-search-small js-search-form usa-sr-only">
-          <div role="search">
-            <label class="usa-sr-only" for="search-input">Search small</label>
-            <input id="search-input" type="search" name="{{ _secondary.search.query | default: 'search' }}">
-            <button type="submit">
-              <span class="usa-sr-only">Search</span>
-            </button>
-          </div>
-        </form>
-        {% endif %}
-        <ul class="usa-unstyled-list usa-nav-secondary-links">
-          {% if _secondary.search %}
-          <li class="js-search-button-container">
-            <button class="usa-header-search-button js-search-button">Search</button>
-          </li>
-          {% endif %}
-          {% assign secondary_links = site.data.navigation[_secondary.links] | default: _secondary.links %}
-          {% for _link in secondary_links %}
-          <li>
-            <a href="{% if _link.external %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">{{ _link.text }}</a>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
-      {% endif %}
-
-    </div>
-  </nav>
-</header>
-<div class="usa-overlay"></div>
-{% endif %}

data/_includes/last-modified.html

@@ -1,3 +0,0 @@
-<div class="usa-grid">
-  Last updated: {{ page.last_modified_at | date: '%B %d, %Y at %I:%M %p' }}
-</div>

data/_layouts/search-results.html

@@ -1,25 +0,0 @@
----
-layout: default
-hide_edit_link: true
-main:
-  class: usa-grid usa-section usa-content
----
-
-{% assign sidenav = site.data.navigation[page.sidenav] | default: page.sidenav %}
-{% if sidenav %}
-<aside class="usa-width-one-fourth usa-layout-docs-sidenav">
-  {% include sidenav.html links=sidenav %}
-</aside>
-
-<div class="usa-width-three-fourths usa-layout-docs-main_content">
-  <h1>{{ site.jekyll_pages_api_search.results_page_title }}</h1>
-  {% jekyll_pages_api_search_results %}
-  {{ content }}
-</div>
-{% else %}
-<div class="usa-layout-docs-main_content">
-  <h1>{{ site.jekyll_pages_api_search.results_page_title }}</h1>
-  {% jekyll_pages_api_search_results %}
-  {{ content }}
-</div>
-{% endif %}

data/_sass/uswds/_all.scss

@@ -1 +0,0 @@
-@import 'uswds';

data/_sass/uswds/components/_accordions.scss

@@ -1,150 +0,0 @@
-// Variables
-
-$accordion-border: 3px solid $color-gray-lightest;
-
-// Accordion Styles
-
-$icon-size: $spacing-md-small;
-$h-padding: $spacing-medium;
-$v-padding: $spacing-md-small;
-
-@mixin accordion-list-styles {
-  @include unstyled-list;
-  color: $color-base;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-@mixin accordion-list-item-styles {
-  background-color: $color-gray-lightest;
-  font-family: $font-sans;
-  list-style: none;
-  margin-bottom: $spacing-x-small;
-  width: 100%;
-}
-
-// scss-lint:disable PropertyCount
-@mixin accordion-button-styles {
-  @include button-unstyled;
-  background-color: $color-gray-lightest;
-  background-image: url('#{$image-path}/minus.png');
-  background-image: url('#{$image-path}/minus.svg');
-  background-position: right $h-padding center;
-  background-repeat: no-repeat;
-  background-size: $icon-size;
-  color: $color-base;
-  cursor: pointer;
-  display: inline-block;
-  font-family: $font-sans;
-  font-weight: $font-bold;
-  margin: 0;
-  padding: $v-padding ($h-padding * 2 + $icon-size) $v-padding $h-padding;
-  width: 100%;
-
-  &:hover {
-    background-color: $color-gray-lighter;
-    color: $color-base;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 0;
-  }
-}
-// scss-lint:enable PropertyCount
-
-@mixin accordion-button-unopened-styles {
-  background-image: url('#{$image-path}/plus.png');
-  background-image: url('#{$image-path}/plus.svg');
-  background-repeat: no-repeat;
-  background-size: $icon-size;
-}
-
-@mixin accordion-nested-list {
-  > ul li ul {
-    list-style: disc;
-    > li > ul {
-      list-style: circle;
-      > li > ul {
-        list-style: square;
-      }
-    }
-  }
-}
-
-.usa-accordion,
-.usa-accordion-bordered {
-  @include accordion-list-styles;
-  @include accordion-nested-list;
-
-  + .usa-accordion,
-  + .usa-accordion-bordered {
-    margin-top: $spacing-small;
-  }
-
-  // TODO deprecated ruleset based on old accordion.
-  > ul {
-    @include accordion-list-styles;
-
-    // TODO deprecated ruleset based on old accordion.
-    > li {
-      @include accordion-list-item-styles;
-    }
-
-    // TODO deprecated ruleset based on old accordion.
-    button {
-      @include accordion-button-styles;
-    }
-
-    // TODO deprecated ruleset based on old accordion.
-    [aria-expanded=false] {
-      @include accordion-button-unopened-styles;
-    }
-  }
-
-  > li {
-    @include accordion-list-item-styles;
-  }
-
-}
-
-.usa-accordion-bordered {
-  .usa-accordion-content {
-    border-bottom: $accordion-border;
-    border-left: $accordion-border;
-    border-right: $accordion-border;
-  }
-}
-
-.usa-accordion-content {
-  background-color: $color-white;
-  overflow: auto;
-  padding: $spacing-md-small $spacing-medium;
-
-  > *:first-child {
-    margin-top: 0;
-  }
-
-  > *:last-child {
-    margin-bottom: 0;
-  }
-
-  &:not([aria-hidden]) {
-    @include sr-only();
-  }
-
-  @include accessibly-hidden();
-}
-
-.usa-accordion-button {
-  @include accordion-button-styles;
-}
-
-.usa-accordion-button[aria-expanded=false] {
-  @include accordion-button-unopened-styles;
-}

data/_sass/uswds/components/_alerts.scss

@@ -1,125 +0,0 @@
-// Alert variables ---------- //
-$usa-custom-alerts: () !default;
-$usa-custom-alerts-bar: () !default;
-
-$usa-alerts: (
-  success: $color-green-lightest,
-  warning: $color-gold-lightest,
-  error: $color-secondary-lightest,
-  info: $color-primary-alt-lightest
-);
-
-$usa-alerts-bar: (
-  success: $color-green,
-  warning: $color-gold,
-  error: $color-secondary,
-  info: $color-primary-alt
-);
-
-$alerts: map-merge($usa-alerts, $usa-custom-alerts);
-$alerts-bar: map-merge($usa-alerts-bar, $usa-custom-alerts-bar);
-
-$h-padding: $spacing-medium;
-$bar-size: $spacing-small;
-$left-padding: $h-padding + $bar-size;
-$icon-size: 3rem;
-
-.usa-alert {
-  background-color: $color-gray-lightest;
-  background-position: $h-padding $h-padding;
-  background-repeat: no-repeat;
-  background-size: 5.2rem; // TODO abrituary number based on svg size maybe?
-  padding-bottom: $h-padding * 0.7;
-  padding-left: $left-padding;
-  padding-right: $h-padding;
-  padding-top: $h-padding;
-  position: relative;
-
-  &::before {
-    background-color: darken($color-gray-lightest, 40%);
-    content: '';
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: $bar-size;
-  }
-
-  a {
-    color: $color-primary-darker;
-
-    &:focus,
-    &:hover {
-      color: $color-primary-darkest;
-    }
-  }
-
-  ul {
-    margin-bottom: 0;
-    margin-top: $spacing-small;
-    padding-left: $spacing-small;
-  }
-}
-
-.usa-alert-slim {
-  background-position: $h-padding $spacing-small;
-  padding-bottom: $spacing-small;
-  padding-top: $spacing-small;
-
-  .usa-alert-text:only-child {
-    margin-bottom: $spacing-x-small;
-    padding-top: $spacing-x-small;
-  }
-}
-
-.usa-alert-icon {
-  display: table-cell;
-  padding-right: $spacing-small;
-}
-
-.usa-alert-body {
-  display: table-cell;
-  padding-left: $icon-size + $h-padding;
-  vertical-align: top;
-}
-
-.usa-alert-heading {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.usa-alert-text {
-  font-family: $font-sans;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-.usa-alert-text:only-child {
-  margin-bottom: $spacing-small;
-  padding-top: $spacing-x-small;
-}
-
-@each $name, $bgcolor in $alerts {
-  .usa-alert-#{$name} {
-    background-color: $bgcolor;
-    background-image: url('#{$image-path}/alerts/#{$name}.png');
-    background-image: url('#{$image-path}/alerts/#{$name}.svg');
-
-    &::before {
-      background-color: map-get($alerts-bar, $name);
-    }
-  }
-}
-
-.usa-alert-no_icon {
-  background-image: none;
-}
-
-.usa-alert-paragraph {
-  width: $text-max-width;
-}
-
-// Deprecated
-.usa-alert {
-  margin-top: 1.5em; // TODO deprecate
-}