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

package/dist/stylesheets/base/utils.css

@@ -1 +1,137 @@
-.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 */
+/**
+  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 */

package/dist/stylesheets/base/va.css

@@ -1 +1,407 @@
-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 */
+/**
+  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;
+  }
+}
+
+.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: 0.75rem;
+  margin-left: 0.3125rem;
+  width: 0.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 0.5em 1.5em;
+  padding: 0;
+}
+.feature ul li {
+  list-style: square;
+  margin: 0;
+}
+
+/*# sourceMappingURL=va.css.map */