uswds-jekyll 2.2.1 → 5.0.0

data/_sass/uswds/components/_banner.scss

@@ -1,204 +0,0 @@
-.usa-banner {
-  background-color: $color-gray-lightest;
-  padding-bottom: 0.7rem;
-
-  @include media($small-screen) {
-    font-size: $h6-font-size;
-    padding-bottom: 0;
-  }
-}
-
-.usa-banner-content {
-  @include padding(null $site-margins-mobile 3px $site-margins-mobile);
-  background-color: transparent;
-  font-size: $h5-font-size;
-  padding-top: 2rem;
-  width: 100%;
-
-  @include media($medium-screen) {
-    padding-bottom: 2.3rem;
-    padding-top: 4rem;
-  }
-
-  @include media($nav-width) {
-    @include padding(null $site-margins);
-  }
-
-  p {
-    &:first-child {
-      margin-top: 1rem;
-
-      @include media($medium-screen) {
-        margin-top: 0;
-      }
-    }
-  }
-}
-
-.usa-banner-inner {
-  @include outer-container();
-  @include padding(null $site-margins-mobile);
-  max-width: $site-max-width;
-
-  @include media($nav-width) {
-    @include padding(null $site-margins);
-  }
-}
-
-.usa-banner-header {
-  @include padding(0.55rem null);
-  font-size: 1.2rem;
-  font-weight: $font-normal;
-
-  @include media($small-screen) {
-    @include padding(0 null);
-  }
-
-  p {
-    @include margin(0 null);
-    display: inline;
-    overflow: hidden;
-    vertical-align: middle;
-
-    @include media($small-screen) {
-      @include margin(2px null);
-      display: inline-block;
-    }
-  }
-
-  img {
-    float: left;
-    margin-right: 1rem;
-    margin-top: 1px;
-    width: 2.4rem;
-
-    @include media($small-screen) {
-      margin-right: 0.7rem;
-      width: 2rem;
-    }
-  }
-}
-
-.usa-banner-header-expanded {
-  align-items: center;
-  border-bottom: 1px solid $color-gray-light;
-  display: flex;
-  font-size: $h5-font-size;
-  min-height: 5.6rem;
-  padding-right: 3rem;
-
-  @include media($small-screen) {
-    border-bottom: none;
-    display: block;
-    font-size: 1.2rem;
-    font-weight: $font-normal;
-    min-height: 0;
-    padding-right: 0;
-  }
-
-  > .usa-banner-inner {
-    margin-left: 0;
-
-    @include media($small-screen) {
-      margin-left: auto;
-    }
-  }
-
-  img {
-    margin-right: 2.4rem;
-
-    @include media($small-screen) {
-      margin-right: 0.7rem;
-    }
-  }
-
-  p {
-    line-height: $heading-line-height;
-    vertical-align: top;
-
-    @include media($small-screen) {
-      line-height: $base-line-height;
-      vertical-align: middle;
-    }
-  }
-}
-
-.usa-banner-button {
-  @include button-unstyled;
-  @include padding(1.3rem null null 4.8rem);
-  background-position-x: right;
-  color: $color-primary;
-  display: block;
-  font-size: 1.2rem;
-  height: 4.3rem;
-  left: 0;
-  position: absolute;
-  text-decoration: underline;
-  top: 0;
-  width: 100%;
-
-  @include media($small-screen) {
-    @include padding(0 null null 0);
-    /* stylelint-disable declaration-block-no-ignored-properties */
-    display: inline;
-    height: initial;
-    margin-left: 3px;
-    position: relative;
-    vertical-align: middle;
-    width: initial;
-    /* stylelint-enable */
-  }
-
-  &:hover {
-    color: $color-primary-darker;
-    text-decoration: underline;
-  }
-
-  &[aria-expanded=false] {
-    @include display-icon(angle-arrow-down-primary, after, 1rem, 0, hover);
-    background-image: none;
-
-    &::after {
-      background-position-y: 1px;
-    }
-  }
-
-  &[aria-expanded=true] {
-    @include display-icon(close, after, 1.3rem, 0, no-hover);
-    background-image: none;
-    height: 5.6rem;
-
-    @include media($small-screen) {
-      @include display-icon(angle-arrow-up-primary, after, 1rem, 0, hover);
-      height: initial;
-      padding: 0;
-      position: relative;
-
-      &::after {
-        background-position-y: 1px;
-      }
-    }
-
-    &::after {
-      position: absolute;
-      right: 1.5rem;
-      top: 2.15rem;
-
-      @include media($small-screen) {
-        position: static;
-      }
-    }
-
-    .usa-banner-button-text {
-      display: none;
-
-      @include media($small-screen) {
-        display: inline;
-      }
-    }
-  }
-}
-
-.usa-banner-icon {
-  width: 3.8rem;
-}

data/_sass/uswds/components/_forms.scss

@@ -1,164 +0,0 @@
-$usa-form-width: 32rem;
-
-form {
-  a {
-    border-bottom: 0;
-  }
-
-  [type=submit],
-  [type=submit] {
-    display: block;
-    margin-bottom: 1.5em;
-    margin-top: 2.5rem;
-
-    @include media($medium-screen) {
-      padding-left: 2.7em;
-      padding-right: 2.7em;
-      width: auto;
-    }
-  }
-
-  [name=password],
-  [name=confirmPassword] {
-    margin-bottom: 1.1rem;
-  }
-}
-
-.usa-form {
-  @include media($medium-screen) {
-    max-width: $usa-form-width;
-  }
-}
-
-.usa-form-note {
-  float: right;
-  font-family: $font-sans;
-  font-size: $h5-font-size;
-  margin: 0 0 1.5rem;
-
-  + * {
-    clear: both;
-  }
-}
-
-fieldset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-
-.usa-form-large {
-  @include media($medium-screen) {
-    max-width: 46rem;
-  }
-}
-
-input {
-  &.usa-input-tiny { /* stylelint-disable-line selector-no-qualifying-type */
-    @include media($medium-screen) {
-      max-width: 6rem;
-    }
-  }
-
-  &.usa-input-medium { /* stylelint-disable-line selector-no-qualifying-type */
-    @include media($medium-screen) {
-      max-width: 12rem;
-    }
-  }
-}
-
-.usa-input-grid {
-  @include media($medium-screen) {
-    padding-right: 5%;
-  }
-}
-
-.usa-input-grid:last-of-type {
-  @include media($medium-screen) {
-    padding-right: 0;
-  }
-}
-
-.usa-input-grid-small {
-  @include media($medium-screen) {
-    float: left;
-    width: 35%;
-  }
-
-  input {
-    margin-bottom: 3rem;
-  }
-
-  select {
-    margin-bottom: 3rem;
-  }
-}
-
-.usa-input-grid-medium {
-  @include media($medium-screen) {
-    float: left;
-    width: 65%;
-  }
-
-  input {
-    margin-bottom: 3rem;
-  }
-
-  select {
-    margin-bottom: 3rem;
-  }
-}
-
-.usa-input-grid-large {
-  @include media($medium-screen) {
-    float: left;
-    width: 100%;
-  }
-
-  input {
-    margin-bottom: 3rem;
-  }
-
-  select {
-    margin-bottom: 3rem;
-  }
-}
-
-.usa-additional_text {
-  font-weight: normal;
-}
-
-// Reset password checklist
-
-.usa-checklist {
-  list-style: none;
-  margin-left: 0;
-  padding-left: 0;
-
-  li {
-    display: inline-block;
-    list-style: none;
-    margin-bottom: 0;
-    margin-top: 0;
-    padding-left: 3em;
-    text-indent: -2em;
-
-    &::before {
-      content: ' ';
-      display: inline-block;
-      height: .8em;
-      margin-right: .2em;
-      width: 1.8em;
-    }
-  }
-}
-
-.usa-checklist-checked {
-  &::before {
-    background-image: url('#{$image-path}/correct9.png');
-    background-image: url('#{$image-path}/correct9.svg');
-    background-position: 100%;
-    background-repeat: no-repeat;
-    background-size: 100%;
-  }
-}

data/_sass/uswds/components/_graphic-list.scss

@@ -1,35 +0,0 @@
-// A collection of media block objects
-
-.usa-graphic_list {
-  .usa-graphic_list-row {
-    .usa-media_block {
-      margin-bottom: $site-margins;
-
-      @include media($medium-screen) {
-        margin-bottom: $site-margins * 2;
-      }
-    }
-
-    &:last-child {
-      .usa-media_block {
-        @include media($medium-screen) {
-          margin-bottom: 0;
-        }
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  .usa-media_block-img {
-    margin-right: $site-margins;
-  }
-
-  .usa-media_block-body {
-    > :first-child {
-      margin-top: 0;
-    }
-  }
-}

data/_sass/uswds/components/_layout.scss

@@ -1,36 +0,0 @@
-// Flexbox positioning to move sidenav below main content on small screens
-.usa-layout-docs {
-  display: flex;
-  flex-direction: column;
-
-  @include media($large-screen) {
-    display: inherit;
-  }
-
-  .usa-grid {
-    > :first-child:not(.usa-width-*) {
-      margin-top: 0;
-    }
-
-    > :last-child:not(.usa-width-*) {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.usa-layout-docs-sidenav {
-  order: 2;
-}
-
-.usa-layout-docs-main_content {
-  margin-bottom: $site-margins;
-  order: 1;
-
-  @include media($large-screen) {
-    margin-bottom: 0;
-  }
-
-  > :first-child {
-    margin-top: 0;
-  }
-}

data/_sass/uswds/components/_media-block.scss

@@ -1,12 +0,0 @@
-@mixin media-block-img($margin-right: 1rem) {
-  float: left;
-  margin-right: $margin-right;
-}
-
-.usa-media_block-img {
-  @include media-block-img;
-}
-
-.usa-media_block-body {
-  overflow: hidden;
-}