@department-of-veterans-affairs/css-library 0.13.1-rc1 → 0.13.1-rc2

package/dist/stylesheets/base/utils.css

@@ -1,137 +1 @@
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  /uswds/dist/scss/lib/addons/_margin.scss
-**/
-/**
-  uswds/src/stylesheets/lib/helpers/_directional-values.scss
-**/
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  /uswds/dist/scss/lib/addons/_margin.scss
-**/
-/**
-  uswds/src/stylesheets/lib/helpers/_directional-values.scss
-**/
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-.usa-sr-only {
-  position: absolute;
-  left: -999em;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.no-text-transform {
-  text-transform: none;
-}
-
-.no-bottom-margin {
-  margin-bottom: 0;
-}
-
-.va-button-link {
-  background: none;
-  background-color: transparent !important;
-  border: 0;
-  border-radius: 0;
-  outline: 0;
-  padding: 0 !important;
-  margin: 0;
-  text-align: left;
-  -webkit-font-smoothing: auto;
-  color: #005ea2 !important;
-  font-weight: normal;
-  text-decoration: underline;
-  display: inline;
-  width: auto !important;
-  line-height: inherit;
-}
-.va-button-link:hover {
-  background: none;
-  border: 0;
-  border-radius: 0;
-  outline: 0;
-  padding: 0 !important;
-  color: #005ea2;
-  text-decoration: underline;
-  background-color: rgba(0, 0, 0, 0.05) !important;
-  -webkit-transition-duration: 0.3s;
-  transition-duration: 0.3s;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-property: color, background-color, border-color;
-  transition-property: color, background-color, border-color;
-}
-.va-button-link:active {
-  background: rgba(0, 0, 0, 0.05);
-}
-.va-button-link:focus {
-  outline: 2px solid #face00;
-  outline-offset: 2px;
-  outline-offset: 0;
-}
-.va-button-link:disabled {
-  text-decoration: none;
-  color: #aeb0b5 !important;
-}
-
-.dashed-underline {
-  text-decoration: none;
-  border-bottom: 1px dashed;
-}
-.dashed-underline:hover {
-  text-decoration: none;
-  border-bottom: 1px dashed;
-}
-
-.clickable:hover {
-  cursor: pointer;
-}
-
-.js-visual {
-  visibility: hidden !important;
-}
-
-.js-hide {
-  display: none !important;
-}
-
-.heading-level-1 {
-  font-size: 2.5rem;
-  font-weight: 700;
-}
-.heading-level-2 {
-  font-size: 1.875rem;
-  font-weight: 700;
-}
-.heading-level-3 {
-  font-size: 1.25rem;
-  font-weight: 700;
-}
-.heading-level-4 {
-  font-size: 1.0625rem;
-  font-weight: 700;
-}
-.heading-level-5 {
-  font-size: 0.9375rem;
-  font-weight: 700;
-}
-.heading-level-6 {
-  font-size: 0.8125rem;
-  font-weight: 400;
-  line-height: 1.5;
-  text-transform: uppercase;
-  font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-}
-
-/*# sourceMappingURL=utils.css.map */
+.usa-sr-only{position:absolute;left:-999em}.full-width{width:100%}.no-text-transform{text-transform:none}.no-bottom-margin{margin-bottom:0}.va-button-link{background:none;background-color:rgba(0,0,0,0) !important;border:0;border-radius:0;outline:0;padding:0 !important;margin:0;text-align:left;-webkit-font-smoothing:auto;color:#005ea2 !important;font-weight:normal;text-decoration:underline;display:inline;width:auto !important;line-height:inherit}.va-button-link:hover{background:none;border:0;border-radius:0;outline:0;padding:0 !important;color:#005ea2;text-decoration:underline;background-color:rgba(0,0,0,.05) !important;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color,background-color,border-color;transition-property:color,background-color,border-color}.va-button-link:active{background:rgba(0,0,0,.05)}.va-button-link:focus{outline:2px solid #face00;outline-offset:2px;outline-offset:0}.va-button-link:disabled{text-decoration:none;color:#aeb0b5 !important}.dashed-underline{text-decoration:none;border-bottom:1px dashed}.dashed-underline:hover{text-decoration:none;border-bottom:1px dashed}.clickable:hover{cursor:pointer}.js-visual{visibility:hidden !important}.js-hide{display:none !important}.heading-level-1{font-size:2.5rem;font-weight:700}.heading-level-2{font-size:1.875rem;font-weight:700}.heading-level-3{font-size:1.25rem;font-weight:700}.heading-level-4{font-size:1.0625rem;font-weight:700}.heading-level-5{font-size:.9375rem;font-weight:700}.heading-level-6{font-size:.8125rem;font-weight:400;line-height:1.5;text-transform:uppercase;font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}/*# sourceMappingURL=utils.css.map */

package/dist/stylesheets/base/va.css

@@ -1,392 +1 @@
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  /uswds/dist/scss/lib/addons/_margin.scss
-**/
-/**
-  uswds/src/stylesheets/lib/helpers/_directional-values.scss
-**/
-html,
-body {
-  padding: 0;
-  margin: 0;
-}
-
-html {
-  font-size: 16px;
-  font-weight: 500;
-}
-
-body {
-  background: #ffffff;
-  color: #1b1b1b;
-  font-size: 16px;
-  font-family: inherit;
-  line-height: 1.5;
-}
-body.modal-open {
-  overflow: hidden;
-}
-
-h1 {
-  margin-top: 0;
-}
-
-.show-on-focus {
-  position: absolute;
-  top: -10em;
-  background: #ffffff;
-  padding: 1em;
-  margin: 1em;
-  color: #162e51;
-  display: block;
-  font-weight: 600;
-}
-.show-on-focus:focus {
-  position: inherit;
-  top: auto;
-  outline: 2px solid #ffbe2e;
-}
-
-body .row.full {
-  width: 100%;
-  max-width: 100%;
-}
-
-.sr-only {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute !important;
-  width: 1px;
-  word-wrap: normal !important;
-}
-
-.no-print-no-sr {
-  display: none !important;
-}
-
-#content abbr {
-  border-bottom: 0px;
-  text-decoration: none;
-  font-weight: inherit;
-  font-style: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-
-a {
-  color: #005ea2;
-  text-decoration: underline;
-  -webkit-transition-duration: 0.3s;
-  transition-duration: 0.3s;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-property: color, background-color, border-color;
-  transition-property: color, background-color, border-color;
-}
-a:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-  color: inherit;
-  text-decoration: underline;
-}
-a:active {
-  background: rgba(0, 0, 0, 0.05);
-}
-a:visited, a:visited abbr {
-  color: #54278f;
-}
-
-ul {
-  padding: 0 0 0 1.5em;
-  list-style: square;
-}
-
-ol {
-  margin: 0 0 0 1.25em;
-  list-style-position: outside;
-}
-
-ul > ul,
-ul ol,
-ol > ul,
-ol ol {
-  margin: 0.5em 0 0.5em 1.2em;
-}
-
-dd {
-  margin-left: 0;
-}
-
-dd + dt {
-  margin-top: 1.5em;
-}
-
-figure {
-  font-size: 0.85em;
-  margin-left: -15px;
-  margin-right: -15px;
-}
-@media screen and (min-width: 1201px), print and (min-width: 1201px) {
-  figure {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
-  }
-}
-
-figcaption {
-  color: #162e51;
-}
-
-input::-webkit-input-placeholder {
-  color: #565c65;
-}
-
-input::-moz-placeholder {
-  color: #565c65;
-}
-
-input:-ms-input-placeholder {
-  color: #565c65;
-}
-
-input:focus::-webkit-input-placeholder {
-  color: transparent;
-}
-
-input:focus::-moz-placeholder {
-  color: transparent;
-}
-
-input:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-input.va-input-medium-large {
-  max-width: 11.25rem;
-}
-
-hr {
-  margin: 2.5em 0;
-  margin: 48px 0 40px;
-  border: 1px solid #a9aeb1;
-}
-
-table {
-  width: 100%;
-}
-
-.va-pos-fixed {
-  position: fixed;
-}
-
-.header {
-  background: #162e51;
-  clear: both;
-  margin: 0;
-  padding: 0;
-  min-height: 189.19px;
-}
-@media screen and (min-width: 481px), print and (min-width: 481px) {
-  .header {
-    min-height: 167.19px;
-  }
-}
-@media screen and (min-width: 768px), print and (min-width: 768px) {
-  .header {
-    position: relative;
-    min-height: 159px;
-  }
-}
-.header .login-container {
-  background: #162e51;
-  flex-wrap: wrap;
-  white-space: nowrap;
-}
-.header .login-container .row {
-  padding: 0;
-}
-@media screen and (min-width: 640px), print and (min-width: 640px) {
-  .header .login-container {
-    flex: 1 0 100%;
-  }
-}
-
-#va-header-logo-menu {
-  flex-wrap: wrap;
-  padding: 1em 0.75em 0;
-}
-@media screen and (min-width: 640px), print and (min-width: 640px) {
-  #va-header-logo-menu {
-    padding-bottom: 0;
-  }
-}
-
-.va-header-logo-wrapper {
-  flex: 1 0 164px;
-}
-@media screen and (min-width: 640px), print and (min-width: 640px) {
-  .va-header-logo-wrapper {
-    flex-basis: 3.75rem;
-  }
-}
-
-.va-header-logo {
-  background-color: transparent;
-  border-bottom: none;
-  display: block;
-  height: 40px;
-  margin: 0;
-  width: 164px;
-}
-.va-header-logo:hover .vets-logo-va path {
-  fill: #ffbe2e;
-}
-
-.va-notice--banner {
-  background: #ffffff;
-  margin: 0 0 0.75em 0;
-  padding: 0;
-  font-weight: 400;
-}
-@media screen and (min-width: 768px), print and (min-width: 768px) {
-  .va-notice--banner {
-    background: #f1f1f1;
-  }
-  .va-notice--banner .usa-banner-inner {
-    font-size: 12px;
-    padding-left: 0.9375rem;
-  }
-  .va-notice--banner .usa-banner-inner p {
-    font-size: 12px;
-  }
-  .va-notice--banner .usa-banner-content {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-@media screen and (min-width: 1024px), print and (min-width: 1024px) {
-  .va-notice--banner .usa-banner-inner {
-    padding-left: 0;
-    font-size: 12px;
-  }
-  .va-notice--banner .usa-banner-inner p {
-    font-size: 12px;
-  }
-}
-.va-notice--banner-inner {
-  margin: auto;
-  max-width: 1000px;
-  position: relative;
-}
-
-.va-notice--banner p {
-  margin: 0;
-}
-.va-notice--banner a {
-  background-image: none;
-  color: inherit;
-  padding: 0;
-}
-
-.vets-logo {
-  display: block;
-  height: inherit;
-  width: inherit;
-}
-.vets-logo-vetsdotgov path,
-.vets-logo-vetsdotgov rect, .vets-logo-va path,
-.vets-logo-va rect {
-  fill: #ffffff;
-}
-
-article > h1 {
-  margin-top: 0;
-}
-
-#content {
-  margin: 0;
-  padding: 0;
-  color: #1b1b1b;
-  overflow: hidden;
-}
-
-.va-introtext {
-  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
-  font-size: 1.25rem;
-  font-weight: 400;
-  line-height: 1.7;
-  max-width: 48.125rem;
-}
-.va-introtext p, .va-introtext a {
-  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
-  font-size: 1.25rem;
-  font-weight: 400;
-  line-height: 1.7;
-}
-
-.va-h-ruled--stars {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: url("/img/stars.png") no-repeat center;
-  background-size: 6.875rem auto;
-  margin: 1rem auto auto;
-  padding: 1.25rem 0 0;
-  text-align: center;
-}
-.va-h-ruled--stars::before {
-  margin-right: 7.5rem;
-}
-.va-h-ruled--stars::before, .va-h-ruled--stars::after {
-  border-top: 1px solid #aeb0b5;
-  content: " ";
-  flex: 1 1 50%;
-  padding: 0.625rem 0;
-}
-@media screen and (min-width: 768px), print and (min-width: 768px) {
-  .va-h-ruled--stars {
-    padding-left: 0;
-  }
-}
-
-.last-updated {
-  margin-top: 1.5em;
-  border-top: 2px solid #aeb0b5;
-  padding: 1em 0;
-}
-.last-updated p {
-  color: #323a45 !important;
-}
-
-.feature {
-  background: #e1f3f8;
-  padding: 1em;
-  clear: both;
-  margin: 1.5em 0 1.5em 0;
-}
-.feature h2 {
-  margin-top: 0;
-}
-.feature h3 {
-  margin-top: 0;
-}
-.feature h4 {
-  margin-top: 0;
-}
-.feature ul {
-  margin: 0 0 0.5em 1.5em;
-  padding: 0;
-}
-.feature ul li {
-  list-style: square;
-  margin: 0;
-}
-
-/*# sourceMappingURL=va.css.map */
+html,body{padding:0;margin:0}html{font-size:16px;font-weight:500}body{background:#fff;color:#1b1b1b;font-size:16px;font-family:inherit;line-height:1.5}body.modal-open{overflow:hidden}h1{margin-top:0}.show-on-focus{position:absolute;top:-10em;background:#fff;padding:1em;margin:1em;color:#162e51;display:block;font-weight:600}.show-on-focus:focus{position:inherit;top:auto;outline:2px solid #ffbe2e}body .row.full{width:100%;max-width:100%}.sr-only{border:0;clip:rect(0, 0, 0, 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.no-print-no-sr{display:none !important}#content abbr{border-bottom:0px;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;cursor:pointer}a{color:#005ea2;text-decoration:underline;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color,background-color,border-color;transition-property:color,background-color,border-color}a:hover{background-color:rgba(0,0,0,.05);color:inherit;text-decoration:underline}a:active{background:rgba(0,0,0,.05)}a:visited,a:visited abbr{color:#54278f}ul{padding:0 0 0 1.5em;list-style:square}ol{margin:0 0 0 1.25em;list-style-position:outside}ul>ul,ul ol,ol>ul,ol ol{margin:.5em 0 .5em 1.2em}dd{margin-left:0}dd+dt{margin-top:1.5em}figure{font-size:.85em;margin-left:-15px;margin-right:-15px}@media screen and (min-width: 1201px),print and (min-width: 1201px){figure{margin-left:-16.66667%;margin-right:-16.66667%}}figcaption{color:#162e51}input::-webkit-input-placeholder{color:#565c65}input::-moz-placeholder{color:#565c65}input:-ms-input-placeholder{color:#565c65}input:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}input:focus::-moz-placeholder{color:rgba(0,0,0,0)}input:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}input.va-input-medium-large{max-width:11.25rem}hr{margin:2.5em 0;margin:48px 0 40px;border:1px solid #a9aeb1}table{width:100%}.va-pos-fixed{position:fixed}.header{background:#162e51;clear:both;margin:0;padding:0;min-height:189.19px}@media screen and (min-width: 481px),print and (min-width: 481px){.header{min-height:167.19px}}@media screen and (min-width: 768px),print and (min-width: 768px){.header{position:relative;min-height:159px}}.header .login-container{background:#162e51;flex-wrap:wrap;white-space:nowrap}.header .login-container .row{padding:0}@media screen and (min-width: 640px),print and (min-width: 640px){.header .login-container{flex:1 0 100%}}#va-header-logo-menu{flex-wrap:wrap;padding:1em .75em 0}@media screen and (min-width: 640px),print and (min-width: 640px){#va-header-logo-menu{padding-bottom:0}}.va-header-logo-wrapper{flex:1 0 164px}@media screen and (min-width: 640px),print and (min-width: 640px){.va-header-logo-wrapper{flex-basis:3.75rem}}.va-header-logo{background-color:rgba(0,0,0,0);border-bottom:none;display:block;height:40px;margin:0;width:164px}.va-header-logo:hover .vets-logo-va path{fill:#ffbe2e}.va-notice--banner{background:#fff;margin:0 0 .75em 0;padding:0;font-weight:400}@media screen and (min-width: 768px),print and (min-width: 768px){.va-notice--banner{background:#f1f1f1}.va-notice--banner .usa-banner-inner{font-size:12px;padding-left:.9375rem}.va-notice--banner .usa-banner-inner p{font-size:12px}.va-notice--banner .usa-banner-content{padding-left:0;padding-right:0}}@media screen and (min-width: 1024px),print and (min-width: 1024px){.va-notice--banner .usa-banner-inner{padding-left:0;font-size:12px}.va-notice--banner .usa-banner-inner p{font-size:12px}}.va-notice--banner-inner{margin:auto;max-width:1000px;position:relative}.va-notice--banner p{margin:0}.va-notice--banner a{background-image:none;color:inherit;padding:0}.vets-logo{display:block;height:inherit;width:inherit}.vets-logo-vetsdotgov path,.vets-logo-vetsdotgov rect,.vets-logo-va path,.vets-logo-va rect{fill:#fff}article>h1{margin-top:0}#content{margin:0;padding:0;color:#1b1b1b;overflow:hidden}.va-introtext{font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.25rem;font-weight:400;line-height:1.7;max-width:48.125rem}.va-introtext p,.va-introtext a{font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.25rem;font-weight:400;line-height:1.7}.va-h-ruled--stars{display:flex;justify-content:center;align-items:center;background:url("/img/stars.png") no-repeat center;background-size:6.875rem auto;margin:1rem auto auto;padding:1.25rem 0 0;text-align:center}.va-h-ruled--stars::before{margin-right:7.5rem}.va-h-ruled--stars::before,.va-h-ruled--stars::after{border-top:1px solid #aeb0b5;content:" ";flex:1 1 50%;padding:.625rem 0}@media screen and (min-width: 768px),print and (min-width: 768px){.va-h-ruled--stars{padding-left:0}}.va-button-primary{background:#008817 !important}.va-button-primary:hover,.va-button-primary:focus{background-color:#154c21 !important;text-decoration:none !important}.va-button-primary svg{display:inline-block;height:.75rem;margin-left:.3125rem;width:.75rem;vertical-align:-1px}.last-updated{margin-top:1.5em;border-top:2px solid #aeb0b5;padding:1em 0}.last-updated p{color:#323a45 !important}.feature{background:#e1f3f8;padding:1em;clear:both;margin:1.5em 0 1.5em 0}.feature h2{margin-top:0}.feature h3{margin-top:0}.feature h4{margin-top:0}.feature ul{margin:0 0 .5em 1.5em;padding:0}.feature ul li{list-style:square;margin:0}/*# sourceMappingURL=va.css.map */