@department-of-veterans-affairs/css-library 0.19.0 → 0.20.0

package/dist/stylesheets/formation-overrides/core/fonts.css

@@ -21,25 +21,29 @@
   font-family: "Merriweather";
   font-style: normal;
   font-weight: 300;
-  src: url("/assets/fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-light-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-light-webfont.woff") format("woff"), url("/assets/fonts/merriweather-light-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-light-webfont.svg#Merriweather") format("svg");
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
 }
 @font-face {
   font-family: "Merriweather";
   font-style: normal;
   font-weight: 400;
-  src: url("/assets/fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-regular-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-regular-webfont.woff") format("woff"), url("/assets/fonts/merriweather-regular-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-regular-webfont.svg#Merriweather") format("svg");
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
 }
 @font-face {
   font-family: "Merriweather";
-  font-style: italic;
-  font-weight: 400;
-  src: url("/assets/fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-italic-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-italic-webfont.woff") format("woff"), url("/assets/fonts/merriweather-italic-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-italic-webfont.svg#Merriweather") format("svg");
+  font-style: normal;
+  font-weight: 700;
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
 }
 @font-face {
   font-family: "Merriweather";
-  font-style: normal;
-  font-weight: 700;
-  src: url("/assets/fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-bold-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-bold-webfont.woff") format("woff"), url("/assets/fonts/merriweather-bold-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-bold-webfont.svg#Merriweather") format("svg");
+  font-style: italic;
+  font-weight: 400;
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
 }
 /* stylelint-enable */
 

package/dist/stylesheets/formation-overrides/elements/inputs.css

@@ -127,8 +127,8 @@ textarea {
 select {
   appearance: none;
   background-color: #ffffff;
-  background-image: url("/img/arrow-both.png");
-  background-image: none, url("/img/arrow-both.svg"), url("/img/arrow-both.png");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.png);
+  background-image: none, url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.svg), url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.png);
   background-position: right 0.8125rem center;
   background-repeat: no-repeat;
   background-size: 0.625rem;
@@ -226,8 +226,8 @@ legend {
 
 [type=checkbox]:checked + label::before,
 [type=checkbox]:checked:disabled + label::before {
-  background-image: url("/img/correct8.png");
-  background-image: url("/img/correct8.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct8.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct8.svg);
   background-position: 50%;
   background-repeat: no-repeat;
 }
@@ -258,8 +258,8 @@ legend {
   [type=checkbox]:checked:disabled + label::before {
     background-image: none;
     background-color: #ffffff;
-    content: url("/img/correct8-alt.png");
-    content: url("/img/correct8-alt.svg");
+    content: url(~@department-of-veterans-affairs/css-library/dist/img/correct8-alt.png);
+    content: url(~@department-of-veterans-affairs/css-library/dist/img/correct8-alt.svg);
     text-indent: 0;
   }
   [type=radio]:checked:disabled + label::before,

package/dist/stylesheets/formation-overrides/elements/typography.css

@@ -60,8 +60,8 @@ a:visited {
 }
 
 .usa-external_link::after {
-  background: url("/img/external-link.png") no-repeat 0 0;
-  background: url("/img/external-link.svg") no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.png) no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.svg) no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -71,13 +71,13 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link:hover::after {
-  background-image: url("/img/external-link-hover.png");
-  background-image: url("/img/external-link-hover.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.svg);
 }
 
 .usa-external_link-alt::after {
-  background: url("/img/external-link-alt.png") no-repeat 0 0;
-  background: url("/img/external-link-alt.svg") no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.png) no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.svg) no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -87,8 +87,8 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link-alt:hover::after {
-  background-image: url("/img/external-link-alt-hover.png");
-  background-image: url("/img/external-link-alt-hover.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.svg);
 }
 
 h1,

package/dist/stylesheets/modules/m-action-link.css

@@ -1405,7 +1405,7 @@ a.vads-c-action-link--blue, a.vads-c-action-link--green, a.vads-c-action-link--w
   display: inline-block;
 }
 a.vads-c-action-link--blue:before, a.vads-c-action-link--green:before, a.vads-c-action-link--white:before {
-  background-image: url("/img/arrow-right-white.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-right-white.svg);
   background-size: 18px 18px;
   background-repeat: no-repeat;
   background-position: center;
@@ -1433,7 +1433,7 @@ a.vads-c-action-link--white {
   color: #ffffff;
 }
 a.vads-c-action-link--white:before {
-  background-image: url("/img/arrow-right.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-right.svg);
   background-color: #ffffff;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;

package/dist/stylesheets/modules/m-alert.css

@@ -26,7 +26,7 @@
   width: 100%;
 }
 .usa-alert::before {
-  background-image: url("/img/info.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.svg);
   background-size: 35px 35px;
   background-repeat: no-repeat;
   background-position: center;
@@ -79,7 +79,7 @@
   border-left-color: #00a6d2;
 }
 .usa-alert-info::before {
-  background-image: url("/img/info.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.svg);
 }
 .usa-alert-info.background-color-only {
   background-color: #e1f3f8;
@@ -88,7 +88,7 @@
   border-left-color: #cd2026;
 }
 .usa-alert-error::before {
-  background-image: url("/img/error.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/error.svg);
 }
 .usa-alert-error.background-color-only {
   background-color: #f9dede;
@@ -97,7 +97,7 @@
   border-left-color: #008817;
 }
 .usa-alert-success::before {
-  background-image: url("/img/success.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/success.svg);
 }
 .usa-alert-success.background-color-only {
   background-color: #e7f4e4;
@@ -106,7 +106,7 @@
   border-left-color: #fdb81e;
 }
 .usa-alert-warning::before {
-  background-image: url("/img/warning.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/warning.svg);
 }
 .usa-alert-warning.background-color-only {
   background-color: #fff1d2;

package/dist/stylesheets/modules/m-dropdown.css

@@ -6,7 +6,7 @@
   position: relative;
 }
 .va-dropdown-trigger {
-  background: transparent url("/img/arrow-down-white.svg") no-repeat;
+  background: transparent url(~@department-of-veterans-affairs/css-library/dist/img/arrow-down-white.svg) no-repeat;
   background-position: right 8px center;
   background-size: 10px 10px;
   border-radius: 0;
@@ -20,7 +20,7 @@
 .va-dropdown-trigger[aria-expanded=true] {
   border-top-color: #8a7237;
   background-color: #ffffff;
-  background-image: url("/img/arrow-up.svg") !important;
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-up.svg) !important;
   color: #1b1b1b;
 }
 .va-dropdown-trigger[aria-expanded=true] path {

package/dist/stylesheets/modules/m-external-link.css

@@ -3,7 +3,7 @@
   working while we work on deprecation.
 **/
 .external-link-icon-black {
-  background-image: url("/img/exit-icon.png");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/exit-icon.png);
   background-position: 100% 50%;
   background-repeat: no-repeat;
   background-size: 1em auto;

package/dist/stylesheets/modules/m-eyebrow.css

@@ -0,0 +1,10 @@
+.vads-c-eyebrow {
+  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 400;
+  color: #3d4551;
+  text-transform: uppercase;
+}
+
+/*# sourceMappingURL=m-eyebrow.css.map */

package/dist/stylesheets/modules/m-hub-page-link-list.css

@@ -15,7 +15,7 @@
 }
 .hub-page-link-list__item > a:hover .all-link-arrow, .hub-page-link-list__item > a:focus .all-link-arrow {
   margin-left: 10px;
-  content: url("/img/arrow-right.svg");
+  content: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-right.svg);
 }
 .hub-page-link-list__item > a:hover .hub-page-link-list__header, .hub-page-link-list__item > a:focus .hub-page-link-list__header {
   text-decoration: underline;

package/dist/stylesheets/modules/m-nav-sidebar.css

@@ -268,11 +268,11 @@
   background-color: #e1f3f8;
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=false] {
-  background-image: url("/img/plus-blue.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/plus-blue.svg);
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true] {
   border-bottom: 0;
-  background-image: url("/img/minus-blue.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/minus-blue.svg);
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]:focus {
   border: 2px solid #fdb81e;
@@ -341,7 +341,7 @@
 }
 
 .va-btn-close-icon {
-  background: transparent url("/img/close.svg") center no-repeat;
+  background: transparent url(~@department-of-veterans-affairs/css-library/dist/img/close.svg) center no-repeat;
   background-size: 0.625rem 0.625rem;
   height: 1.375rem;
   padding: 1.375rem;

package/dist/stylesheets/shame.css

@@ -139,8 +139,8 @@ fieldset {
 }
 
 .usa-checklist-checked::before {
-  background-image: url("/img/correct9.png");
-  background-image: url("/img/correct9.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct9.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct9.svg);
   background-position: 100%;
   background-repeat: no-repeat;
   background-size: 100%;

package/dist/stylesheets/site/_m-crisis-line.scss

@@ -0,0 +1,121 @@
+@import '../override-function';
+
+.va-crisis-line {
+  @include media($medium-screen) {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}
+
+.va-crisis-panel {
+//  color: $color-primary-darkest;
+  list-style: none;
+  margin: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  padding: scale-rem(2rem);
+  position: relative;
+  z-index: 1;
+  width: 100%;
+
+  li {
+    &:nth-child(odd) {
+      border-top: 1px solid $color-gray-lighter;
+      border-bottom: 1px solid $color-gray-lighter;
+    }
+
+    a {
+      color: $color-base;
+      display: block;
+      padding: scale-rule(1.5rem 0);
+      text-decoration: none;
+    }
+  }
+
+  @include media($medium-screen) {
+    margin: auto;
+    max-width: 50%;
+  }
+
+  a {
+    @include no-sr-content;
+
+    padding: 0;
+    background-image: none;
+
+  }
+}
+
+.va-crisis-panel-body {
+  background: $vads-color-white;
+  height: auto;
+  list-style: inherit;
+  margin: 0;
+  max-height: 100%;
+  padding: 0;
+
+  ul {
+  //  font-size: scale-rem(1.7rem);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+  }
+}
+
+button.va-crisis-line-button {
+  background: $vads-color-white url(~@department-of-veterans-affairs/css-library/dist/img/arrow-right.svg) calc(100% - 0.5em) center no-repeat;
+  background-size: .8em auto;
+  border-radius: 0;
+  color: $color-base;
+  margin: auto;
+  padding: 0.4em 26px 0.3em 0;
+  font-size: 1em;
+  width: auto;
+  display: block;
+  text-decoration: none;
+  font-weight: bold;
+
+  @include media($medium-screen) {
+    border-radius: 0 0 0.2em 0.2em;
+    box-shadow: 0 2px 5px $color-base;
+    padding: 0 26px 0 0;
+    text-align: left;
+  }
+
+  &:hover {
+    background-color: $vads-color-white;
+    color: $color-base;
+  }
+
+  .vcl {
+    content: "";
+    background: url(~@department-of-veterans-affairs/css-library/dist/img/vcl-logo.png) no-repeat right 29%;
+    background-size: 100%;
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    margin: 0.3em 0.5em -0.3em 0.5em;
+  }
+
+  > .va-flex {
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+}
+
+.va-footer-vcl-trigger {
+  background: transparent;
+  color: inherit;
+  font-size: inherit;
+  font-weight: normal;
+  text-decoration: underline;
+
+  &:hover {
+    background: inherit;
+    color: $color-gold;
+    text-decoration: inherit;
+  }
+}