uswds-jekyll 4.2.0 → 5.0.0

data/_includes/components/footer--medium.html

@@ -1,100 +0,0 @@
-{% if footer %}
-<footer class="usa-footer usa-footer-medium" role="contentinfo">
-
-  {% if footer.last_updated %}
-    <div class="usa-grid">
-      <div class="usa-width-one-whole">
-        <p>Last updated: {{ page.last_modified_at | date: '%B %d, %Y at %I:%M %p' }}</p>
-      </div>
-    </div>
-  {% endif %}
-
-  {% 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 or footer.edit_page %}
-  <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 social_links = site.data.footer.contact.social_links %}
-        {% if footer.contact.contact_links %}
-          {% for _link in social_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 %}
-        {% endif %}
-        {% if footer.contact.heading %}
-          <h3 class="usa-footer-contact-heading">{{ footer.contact.heading }}</h3>
-          {% endif %}
-          {% if footer.contact.contact_links %}
-            <address>
-              {% assign contact_links = site.data.footer.contact.contact_links %}
-              {% for _link in contact_links %}
-                <div class="usa-footer-primary-content usa-footer-contact_info">
-                  <p>
-                    <a href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}">
-                      {{ _link.text }}
-                    </a>
-                  </p>
-                </div>
-              {% endfor %}
-            </address>
-        {% endif %}
-      {% endif %}
-      {% if footer.edit_page %}
-        <small><a href="https://github.com/{{ site.github.organization }}/{{ site.github.repository }}/edit/{{ site.github.default_branch }}/{{ page.path }}" class="usa-sidenav-edit" target="_blank">{{ footer.edit_page.text | default: 'Edit this page' }}</a></small>
-      {% endif %}
-      </div>
-    </div>
-  </div>
-  {% endif %}
-
-</footer>
-{% endif %}

data/_sass/components/_all.scss

@@ -1,8 +0,0 @@
-@import 'alt-color-section';
-@import 'card';
-@import 'footer';
-@import 'header';
-@import 'hero';
-@import 'side-nav';
-@import 'top-nav';
-@import 'usa-banner';

data/_sass/components/_footer.scss

@@ -1,26 +0,0 @@
-.usa-footer-primary-section {
-  @if variable-exists(primary-footer-bg) {
-    background-color: $primary-footer-bg;
-  }
-
-  .usa-footer-primary-link {
-    @if variable-exists(primary-footer-link) {
-      color: $primary-footer-link;
-    }
-  }
-}
-
-.usa-footer-secondary_section {
-  @if variable-exists(footer-bg) {
-    background-color: $footer-bg;
-  }
-  @if variable-exists(footer-text) {
-    color: $footer-text;
-  }
-
-  a {
-    @if variable-exists(footer-link) {
-      color: $footer-link;
-    }
-  }
-}

data/_sass/components/_header.scss

@@ -1,27 +0,0 @@
-.usa-header {
-  @if variable-exists(header-bg) {
-    background-color: $header-bg;
-  }
-
-  .usa-logo {
-    a {
-      @if variable-exists(header-title) {
-        color: $header-title;
-      }
-    }
-  }
-
-  .usa-nav-secondary-links {
-    a {
-      @if variable-exists(header-link) {
-        color: $header-link;
-      }
-
-      &:hover {
-        @if variable-exists(header-link-hover) {
-          color: $header-link-hover;
-        }
-      }
-    }
-  }
-}

data/_sass/components/_hero.scss

@@ -1,45 +0,0 @@
-.usa-hero {
-  .usa-hero-callout {
-    @if variable-exists(hero-bg) {
-      background-color: $hero-bg;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      @if variable-exists(hero-header) {
-        color: $hero-header;
-      }
-    }
-
-    .usa-hero-callout-alt {
-      @if variable-exists(hero-header-alt) {
-        color: $hero-header-alt;
-      }
-    }
-
-    p {
-      @if variable-exists(hero-text) {
-        color: $hero-text;
-      }
-    }
-
-    .usa-hero-link {
-      @if variable-exists(hero-link) {
-        color: $hero-link;
-      }
-    }
-
-    .usa-button {
-      @if variable-exists(hero-button-bg) {
-        background-color: $hero-button-bg;
-      }
-      @if variable-exists(hero-button-text) {
-        color: $hero-button-text;
-      }
-    }
-  }
-}

data/_sass/components/_side-nav.scss

@@ -1,61 +0,0 @@
-.usa-sticky-sidenav {
-  position: sticky;
-  top: 1rem;
-}
-
-.usa-sidenav-list {
-  @if variable-exists(side-nav-bg) {
-    background-color: $side-nav-bg;
-  }
-
-  a {
-    @if variable-exists(side-nav-link) {
-      color: $side-nav-link;
-    }
-
-    &:hover {
-      @if variable-exists(side-nav-link-hover-bg) {
-        background-color: $side-nav-link-hover-bg;
-      }
-      @if variable-exists(side-nav-link-hover) {
-        color: $side-nav-link-hover;
-      }
-    }
-
-    &.usa-current {
-      @if variable-exists(side-nav-link-current) {
-        border-color: $side-nav-link-current;
-      }
-      @if variable-exists(side-nav-link-current) {
-        color: $side-nav-link-current;
-      }
-    }
-  }
-}
-// Styles for adjusting the breakpoint for the side nav
-.usa-layout-docs {
-  display: flex;
-}
-@include media ($medium-screen){
-  .sidenav {
-    width: 250px;
-  }
-}
-
-@include media($nav-width) {
-  .usa-layout-docs {
-    display: block;
-
-    .sidenav {
-      display: block;
-      float: left;
-      padding-right: 1rem;
-
-      + .usa-layout-docs-main_content {
-        display: inline-block;
-        padding-left: 3rem;
-        width: calc(100% - 250px);
-      }
-    }
-  }
-}

data/_sass/components/_site-width.scss

@@ -1,12 +0,0 @@
-.site-wide {
-  .usa-grid {
-    max-width: 100%;
-  }
-
-  .usa-header {
-    .usa-navbar,
-    .usa-nav-inner {
-      max-width: 100%;
-    }
-  }
-}

data/_sass/components/_top-nav.scss

@@ -1,73 +0,0 @@
-
-.usa-header {
-  .usa-nav {
-    @if variable-exists(top-nav-bg) {
-      background-color: $top-nav-bg;
-    }
-  }
-
-  .usa-nav-primary {
-    a,
-    button {
-      &:hover {
-        @if variable-exists(top-nav-link-hover-bg) {
-          background-color: $top-nav-link-hover-bg;
-        }
-      }
-    }
-
-    .usa-nav-link {
-      span {
-        @if variable-exists(top-nav-link) {
-          color: $top-nav-link;
-        }
-      }
-
-      &:hover {
-        @if variable-exists(top-nav-link-hover) {
-          color: $top-nav-link-hover;
-        }
-
-        span {
-          @if variable-exists(top-nav-link-current) {
-            border-bottom-color: $top-nav-link-current;
-          }
-          @if variable-exists(top-nav-link-hover) {
-            color: $top-nav-link-hover;
-          }
-        }
-      }
-    }
-
-    .usa-current,
-    button[aria-expanded=true] {
-      span {
-        @if variable-exists(top-nav-link-current) {
-          border-color: $top-nav-link-current;
-        }
-        @if variable-exists(top-nav-link-current) {
-          color: $top-nav-link-current;
-        }
-      }
-    }
-  }
-
-  button[aria-expanded=true],
-  button[aria-expanded=true]:hover,
-  .usa-nav-submenu {
-    @if variable-exists(top-nav-dropdown-bg) {
-      background-color: $top-nav-dropdown-bg;
-    }
-  }
-
-  .usa-nav-submenu {
-    a:hover {
-      @if variable-exists(top-nav-dropdown-link-hover-bg) {
-        background-color: $top-nav-dropdown-link-hover-bg;
-      }
-      @if variable-exists(top-nav-dropdown-link) {
-        color: $top-nav-dropdown-link;
-      }
-    }
-  }
-}

data/_sass/components/_usa-banner.scss

@@ -1,29 +0,0 @@
-.usa-banner {
-  @if variable-exists(usa-banner-bg) {
-    background-color: $usa-banner-bg;
-  }
-
-  .usa-banner-header {
-    @if variable-exists(usa-banner-text) {
-      color: $usa-banner-text;
-    }
-  }
-
-  .usa-banner-button {
-    @if variable-exists(usa-banner-link) {
-      color: $usa-banner-link;
-    }
-
-    &:hover {
-      @if variable-exists(usa-banner-link-hover) {
-        color: $usa-banner-link-hover;
-      }
-    }
-  }
-
-  .usa-banner-content {
-    @if variable-exists(usa-banner-text) {
-      color: $usa-banner-text;
-    }
-  }
-}

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;
-}