va_common 0.4.1 → 0.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f285bbfad7a958132fd8cdace466b7575b13ffd5
-  data.tar.gz: 144845292f219fdb77ed0c082f6b7e381b2a9282
+  metadata.gz: 3afb6a5676377ae905c209445962443300a8abe0
+  data.tar.gz: f55f0de171333f4c5ddf3a5ec5b6cc870683b4e2
 SHA512:
-  metadata.gz: 00cfe23b367d95bd20275f2bd816b39efc84eaa673a36b5f8a2b03f520748e42dd7f1e617bc6ec83601c0ce6df72723241d4104eb5545f84f59a1f1d499cefa9
-  data.tar.gz: 3ac6b8489987a1ef41de66131b6d8e65dece8e1cec5bce65246c5ffc73a26e027b74ecd6fe7068966ce55fda605f9ce53f07c02f4744229ffe7f7bc4c0577eae
+  metadata.gz: 551416cc90852df88541f69e86367cae01be6e00e5a3200698bf4c1e8512a6723f1ebc8dc75a9b5a2c061c703b015a0cd6da8419d95632a607a400e811cde8f6
+  data.tar.gz: 58e4dd9562d3fae729e6dc1018b3c24ea25abb4e3eac7467fae7456528bbd1b2f9a98d6fc9cd585dd3e58f7f135ea3e1b14468e81fee3513f740a0e073491f8b

data/app/assets/stylesheets/_va.scss

@@ -2,7 +2,7 @@ html, body {
   font-size: $em-base;
   font-weight: 500;
   padding: 0;
-  margin: 0; 
+  margin: 0;
 }
 
 body {
@@ -73,15 +73,15 @@ abbr {
 }
 
 a {
-  color: $color-primary;
+  color: $color-link-default;
   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;
-          
+
   // Transition only these properties.
   -webkit-transition-property: color, background-color, border-color;
           transition-property: color, background-color, border-color;
@@ -89,7 +89,7 @@ a {
   &:hover {
     background-color: rgba(0,0,0,0.05);
     color: inherit;
-    text-decoration: underline;  
+    text-decoration: underline;
   }
   &:active {
     background: rgba(0,0,0,.1);
@@ -99,7 +99,7 @@ a {
   }
 }
 
-//======= Lists 
+//======= Lists
 ul {
   padding: 0 0 0 1.5em;
   list-style: square;
@@ -131,7 +131,7 @@ figure {
   font-size: .85em;
   margin-left: -$column-gutter/2;
   margin-right: -$column-gutter/2;
- 
+
   @media #{$small} {
     margin-left: inherit;
     margin-right: inherit;
@@ -151,20 +151,20 @@ figcaption {
 input::-webkit-input-placeholder{
   color: $color-gray;
 }
-input::-moz-placeholder { 
-  color: $color-gray; 
+input::-moz-placeholder {
+  color: $color-gray;
 }
-input:-ms-input-placeholder {  
+input:-ms-input-placeholder {
   color: $color-gray;
 }
 // Visually clear placeholder text on focus
 input:focus::-webkit-input-placeholder{
   color: transparent;
 }
-input:focus::-moz-placeholder { 
-  color: transparent;  
+input:focus::-moz-placeholder {
+  color: transparent;
 }
-input:focus:-ms-input-placeholder {  
+input:focus:-ms-input-placeholder {
   color: transparent;
 }
 
@@ -188,9 +188,9 @@ hr {
 }
 
 // Adds external icon to all links that begin
-// with http (including https) 
+// with http (including https)
 [href^=http] {
-  // Using longhand properties instead of the shorthand to limit 
+  // Using longhand properties instead of the shorthand to limit
   // risk and impact of side effects
   background-image: image-url("icons/exit-icon.png");
   background-position: 100% 50%;
@@ -213,14 +213,15 @@ hr {
 }
 
 .va-header-logo {
-  line-height: 1em; 
-  margin: 0; 
-  
+  line-height: 1em;
+  margin: 0;
+
   @media #{$small} {
     margin: .25em 0 0 0;
-  } 
+  }
 
   a {
+    color: white;
     text-indent: 180%;
     white-space: nowrap;
     overflow: hidden;
@@ -231,11 +232,11 @@ hr {
     background-size: contain;
     border-bottom: none;
     text-decoration: none;
-    
+
     &:hover, &:active, &:focus {
-      background-image: image-url("design/logo/logo-hover.png"); 
+      background-image: image-url("design/logo/logo-hover.png");
     }
-  
+
     @media #{$small} {
       width: 263px;
       height: 50px;
@@ -253,11 +254,11 @@ h3, h4, h5, h6 {
 }
 
 h3 {
-  font-size: 1.8em; 
+  font-size: 1.8em;
   padding: 0 0 1em 0;
 }
 h4 {
-  font-size: 1.5em; 
+  font-size: 1.5em;
   font-weight: normal;
 }
 h5 {
@@ -265,24 +266,24 @@ h5 {
   font-weight: normal;
 }
 h6 {
-  font-size: 1.15em; 
+  font-size: 1.15em;
   font-weight: bold;
 }
 
 // Banner
 
 #content {
-  margin: 0; 
-  padding: 0; 
+  margin: 0;
+  padding: 0;
   color: $color-gray-dark;
 }
 
 #content .splash {
   padding: 0 0 .5em 0;
   margin: 0;
- 
+
   p {
-    color: $color-white; 
+    color: $color-white;
     font-family: $font-sans;
   }
 
@@ -315,9 +316,9 @@ h6 {
   padding: 0 !important;
 
   h2 {
-    margin: 0; 
-    padding: .2em; 
-    line-height: 1em; 
+    margin: 0;
+    padding: .2em;
+    line-height: 1em;
     display: inline-block !important;
   }
 }
@@ -328,7 +329,7 @@ h6 {
   li a {
     color: $color-primary-darkest !important;
     border-bottom: 2px solid $secondary-color !important;
-    
+
     &:hover {
       border-bottom: 3px solid $color-gold !important;
     }
@@ -338,23 +339,23 @@ h6 {
 }
 
 .va-facloc-tagline {
-  color: $color-white; 
+  color: $color-white;
   font-family: $font-sans;
   margin: .5em 0 1em 0 !important;
 }
-  
-  
+
+
 .pitch {
   @media #{$small} {
     padding: .5em 0;
   }
-  
+
   h2, h3 {
-    color: $color-primary-darkest; 
-    font-weight: 400; 
-    padding: .75em; 
-    line-height: 1.3em; 
-    display: inline-block; 
+    color: $color-primary-darkest;
+    font-weight: 400;
+    padding: .75em;
+    line-height: 1.3em;
+    display: inline-block;
     margin: 0;
   }
 }
@@ -363,20 +364,20 @@ h6 {
 // refactored from the Markdown
 .feature-list ul,
 .va-list--feature {
-  margin: 0; 
+  margin: 0;
   padding: 0;
   list-style: none outside;
-      
-  li {   
+
+  li {
 
     border-bottom: 1px solid #ccc;
     padding: 1em 0;
-    
+
     &:last-of-type {
       border-bottom: none;
     }
   }
-  
+
   a {
     font-weight: bold;
   }
@@ -388,10 +389,10 @@ h6 {
   }
 
   p {
-    padding-top: 0; 
-    margin-top: 0; 
+    padding-top: 0;
+    margin-top: 0;
     padding-bottom: 1em; // TODO: Consider deleting.
-  
+
     &:nth-child(1),
     &:first-of-type {
       color: $color-primary-darker;
@@ -402,7 +403,7 @@ h6 {
   }
 
   h3 {
-    padding: 0 0 .5em 0; 
+    padding: 0 0 .5em 0;
     font-size: 1.25em;
     @media #{$small} {
       font-size: 1.8em;
@@ -441,13 +442,13 @@ html.no-touch .banner {
 // Content Callouts
 
 #content .main .section.one {
-  
+
   ul.plain {
     margin: .5em 0 1em 0;
-    
+
     li {
-      list-style: none; 
-      padding: .35em 0; 
+      list-style: none;
+      padding: .35em 0;
       display: block;
     }
   }
@@ -466,7 +467,7 @@ html.no-touch .banner {
   clear: both;
   margin: 0 0 1.5em 0;
   p {
-    margin-bottom: 0; 
+    margin-bottom: 0;
     padding-bottom: .5em
   }
   p:nth-child(1) {
@@ -481,7 +482,7 @@ html.no-touch .banner {
     }
   }
   ul {
-    margin: 0 0 .5em 1.5em; 
+    margin: 0 0 .5em 1.5em;
     padding: 0;
     li {
       list-style: square;
@@ -495,14 +496,14 @@ html.no-touch .banner {
   padding: 1em;
   clear: both;
   margin: 0 0 1.5em 0;
-  
+
   dt {
     color: $color-primary-darkest;
     font-size: 1.65em;
     font-weight: bold;
     margin: 0 0 .5rem 0;
   }
-  
+
   dd {
     margin-left: 0;
     padding-left: 0;
@@ -538,7 +539,7 @@ ul, ol {
   }
   h3 {
     line-height: 1.2em;
-    // TODO: Drop the !important when .home #content h3 and  
+    // TODO: Drop the !important when .home #content h3 and
     // body.fourohfour #content h3 are straightened out.
     font-size: 1.65em !important;
     color: $color-primary-darkest !important;
@@ -570,11 +571,11 @@ ul, ol {
 
 .home #content {
   h2, h3, h4, h5, h6, p, ul, li, ol {color: $color-gray-dark;}
-  
+
   .post-date {
     font-size: .5em; color: $color-gold;
   }
-  
+
   h3 {
     line-height: 1.2em;
     font-size: 1.65em;
@@ -618,13 +619,13 @@ ul, ol {
   .section.main-menu {
     padding: .5em .5em 2.35em .5em;
     overflow: hidden;
-    
+
     @media #{$small} {
       padding: 1em 0 1.5em 0;
     }
   }
 
-  
+
   .home #content .section h3.alternate {
     margin: 0 0 2em 0 !important; padding: 0;
   }
@@ -715,7 +716,7 @@ ul, ol {
 
 .section {
   background: $color-white;
-  
+
   &.one {
     padding: 2rem 0 0 0;
   }
@@ -733,7 +734,7 @@ ul, ol {
 .action {
   margin: 0 auto;
   text-align: left;
-  
+
   .button {
     font-size: 1.25em;
     padding: 1em 3.5em;
@@ -748,7 +749,7 @@ ul, ol {
   font-size: inherit;
   padding: 1em 0;
 
-  
+
   li {
     display: inline-block;
     margin: .25em 0;
@@ -757,8 +758,8 @@ ul, ol {
     vertical-align: middle;
 
     &:after {
-      content: " › "; 
-      display: inline-block; 
+      content: " › ";
+      display: inline-block;
       padding: 0 .35em;
     }
 
@@ -777,7 +778,7 @@ ul, ol {
     padding: 2px;
 
     &:hover {
-      background: rgba(0,0,0,.1); 
+      background: rgba(0,0,0,.1);
     }
   }
 }
@@ -789,7 +790,7 @@ ul, ol {
 
 
 // General List Styles
- 
+
 li {
   span.meta {
     display: inline-block;
@@ -813,11 +814,11 @@ li {
 // Navigation
 .navigation {
  padding: 1em  0;
-  
+
   @media #{$small} {
     padding: 1em 0 3em 0;
   }
-  
+
   background: $color-gray-lightest;
   color: $color-primary-darkest;
   border-bottom: 2px solid $color-white;
@@ -874,12 +875,12 @@ li {
     @media #{$small} {
       min-height: 12em;
     }
-    
+
     background: $color-gray-lightest;
     background: rgba(0,0,0,.05);
     margin: 0 0 .5em 0;
     padding: .75em;
-    
+
     &:hover, &:focus, &:active {
       background: rgba(0,0,0,.1);
     }
@@ -898,7 +899,7 @@ li {
   background: darken($color-primary-darkest, 02);
   position: relative;
   overflow: hidden;
-  
+
   .coda .row {
     max-width: 70em;
   }
@@ -934,17 +935,17 @@ li {
     margin: 0;
     padding: 0;
     display: inline-block;
-  
+
     &:hover {
       border-bottom: none;
     }
   }
 }
 
-.usa-social-links, 
+.usa-social-links,
 .va-list--linkgroup {
   margin: 2em 0 0 0;
-  
+
   @media #{$medium} {
     margin: 2em 0 1.5em 0;
   }
@@ -982,22 +983,22 @@ li {
     li {
       padding: 0;
       display: inline-block;
-      
+
       &:after {
         content:"|";
         padding: 0 .15em;
       }
-      
+
       &:last-child {
         margin-right: 0;
-        
+
         &::after {
           padding: 0;
           content: "";
         }
-      }       
+      }
     }
- 
+
     a {
       background: none;
       color: inherit;
@@ -1011,15 +1012,15 @@ li {
 
 .footer-logo a {
   display: none;
- 
+
   @media #{$medium} {
     background: image-url("design/logo/logo.png") 102% 102% no-repeat !important;
     border-bottom:0 !important;
-    width: 112px; 
-    height:32px; 
+    width: 112px;
+    height:32px;
     display: block;
-    background-size: 160px !important; 
-    text-indent:180%; 
+    background-size: 160px !important;
+    text-indent:180%;
     overflow:hidden;
     padding: 0;
   }
@@ -1033,13 +1034,13 @@ li {
   text-indent: -999em;
   overflow: hidden;
   margin: 0 auto;
-  
+
   @media #{$small} {
     margin: 0;
   }
 }
 
-  
+
 /* a {
     display:inline;
     text-decoration: none;
@@ -1055,14 +1056,14 @@ li {
       display:block
     }
   }
- 
+
 } */
 
 // Footer
 .text-right {
   text-align: right;
 }
-  
+
 .footer {
   color: $color-white;
   padding: 0 !important;
@@ -1070,7 +1071,7 @@ li {
   background: darken($color-primary-darkest, 02);
   position: relative;
   overflow: hidden;
-  
+
   .coda .row {
     max-width: 70em;
   }
@@ -1082,11 +1083,11 @@ li {
   @media #{$medium} {
     background: image-url("design/logo/logo.png") 102% 102% no-repeat !important;
     border-bottom:0 !important;
-    width: 112px; 
-    height:32px; 
+    width: 112px;
+    height:32px;
     display: block;
-    background-size: 160px !important; 
-    text-indent:180%; 
+    background-size: 160px !important;
+    text-indent:180%;
     overflow:hidden
   }
 }
@@ -1119,10 +1120,10 @@ li {
   }
 }
 
-.usa-social-links, 
+.usa-social-links,
 .va-list--linkgroup {
   margin: 2em 0 0 0;
-  
+
   @media #{$medium} {
     margin: 2em 0 1.5em 0;
   }
@@ -1131,11 +1132,11 @@ li {
 // TODO: Move this to a list-specific partial
 .va-list--linkgroup {
   margin: 2em 0 0 0;
-  
+
   @media #{$small} {
     margin: 2em 0 1.5em 0;
   }
-    
+
   a {
     background: none;
     color: #fff;
@@ -1143,13 +1144,13 @@ li {
     font-size: 1em;
     font-weight: 400;
     margin: .25em 0;
-    text-decoration: underline; 
-  
+    text-decoration: underline;
+
     &:hover {
       color: $color-gold;
     }
   }
-   
+
   dd {
     padding: .25em 0;
   }
@@ -1188,20 +1189,20 @@ li {
   li {
     padding: 0;
     display: inline-block;
-    
+
     &:after {
       content:"|";
       padding: 0 .15em;
     }
-    
+
     &:last-child {
       margin-right: 0;
-      
+
       &::after {
         padding: 0;
         content: "";
       }
-    }       
+    }
   }
 
   a {
@@ -1257,17 +1258,17 @@ a.twitter {
   padding: .5em;
   font-size: .9em;
   font-weight: 300;
-  
+
   p {
     margin: 0;
   }
-    
+
   a {
     background-image: none;
     color: $color-white;
     padding: 0;
   }
-  
+
   .row {
     max-width: 70em;
   }
@@ -1297,7 +1298,7 @@ a.twitter {
       opacity: 1;
     }
   }
-  
+
   .icon {
     background: image-url('design/sprites/sprite.png') no-repeat -43px 0;
     background-size: 215px 72px;
@@ -1322,6 +1323,7 @@ a.twitter {
     float: left;
   }
   input[type="text"] {
+    font-size: 1.9rem;
     height: 3em;
     margin: 0;
     width: 100%;
@@ -1331,6 +1333,7 @@ a.twitter {
   }
 
   input[type="submit"] {
+    font-size: 1.9rem;
     margin: 0;
     height: 3em;
     text-align: center !important;
@@ -1407,8 +1410,8 @@ a.twitter {
 // byline
 
 p.byline {
-  font-size: .8em; 
-  color: $color-white; 
+  font-size: .8em;
+  color: $color-white;
   color: rgba(255,255,255,.9);
 }
 
@@ -1528,32 +1531,32 @@ margin: 0;
   list-style: none;
   padding: 1em 0;
   position: relative;
-  
+
   h2, h3, h4, h5, h6 {padding: .2em 0 0 0;}
   h5 {
-    font-size: 1.3em; 
-    margin: 0; 
+    font-size: 1.3em;
+    margin: 0;
     padding: 0 0 .5em 0;
   }
   h6, &-subtitle {
-    font-size: 1.1em; 
-    margin: 0; 
+    font-size: 1.1em;
+    margin: 0;
     padding: 0;
   }
- 
+
   p:nth-child(1) {
     font-size: 1em;
     color: $color-gray-dark;
     padding-bottom: 0;
   }
-  
+
   li {
     list-style: none;
-    
+
     p:nth-child(1) {
       padding-bottom: inherit;
     }
-    
+
     ol {
       margin: 0 0 1em 1.5em;
       padding: 0;
@@ -1659,7 +1662,7 @@ li.twenty:before {content: "20";}
 
     ul {
       margin: 0 0 1.5em 0; padding: 0;
-    
+
       li {
         margin: 0;
         padding: 0;
@@ -1672,7 +1675,7 @@ li.twenty:before {content: "20";}
       }
     }
   }
- 
+
   ol:nth-child(n+2) {
     li {
       list-style-type:decimal;
@@ -1761,7 +1764,7 @@ li.twenty:before {content: "20";}
 
 
 
-.va-list-num--discover { 
+.va-list-num--discover {
   li::before {
     background-color: $polar;
   }
@@ -1833,31 +1836,31 @@ span.color-chip {
   padding: 1em;
   position: relative;
   min-height: 12em;
-  
+
   dt {
-    color: $color-primary-darkest; 
-    padding: 0; 
-    font-weight: 700; 
+    color: $color-primary-darkest;
+    padding: 0;
+    font-weight: 700;
     font-size: 1.2em;
   }
-  
+
   dd {
-    padding: 0; 
+    padding: 0;
     margin: 0;
   }
-  
+
   a {
     @extend .usa-button-primary;
     margin: .5em 0;
   }
-  
+
   &.plain {
     height: auto;
-    
+
     dt {
       font-size: 1.45em;
     }
-    
+
     margin: 0 0 1em 0;
     min-height: 0;
   }
@@ -1890,25 +1893,25 @@ span.color-chip {
 }
 
 // TODO: Deprecate .va-action-bar--header a.usa-button-primary.
-// Use .va-button-primary and .va-button-secondary 
+// Use .va-button-primary and .va-button-secondary
 // going forward.
 // Drop !important from the lines below when everything
 // is refactored.
 .va-button-primary {
   background: $color-green !important;
- 
+
   &:hover,
   &:focus {
     background-color: $color-green-darker !important;
   }
-} 
+}
 
 .va-button-secondary {
   background-color: $color-primary-darker !important;
-  
+
   &:hover,
   &:focus {
-    background-color: $color-primary-darkest !important;  
+    background-color: $color-primary-darkest !important;
   }
 }
 
@@ -1965,7 +1968,7 @@ button[class*="usa-button-"] {
     margin: 0;
     padding: 1rem;
     width: auto;
-    
+
     &:hover {
       background: transparent;
     }
@@ -1993,13 +1996,13 @@ button[class*="usa-button-"] {
     visibility: hidden;
     width: 100%;
     z-index: 800;
-   
+
     input[type="text"] {
       -webkit-appearance: none;
       border-radius: 3px 0 0 3px;
     }
   }
-  
+
   .va-mobile-searchclose  {
     border-radius: 0;
     display: block !important;
@@ -2008,7 +2011,7 @@ button[class*="usa-button-"] {
     width: auto;
     background: $color-primary;
   }
-    
+
   .va-mobile-searchtrigger {
     padding: .5em;
     margin-top: 0;
@@ -2020,7 +2023,7 @@ button[class*="usa-button-"] {
     visibility: visible;
     -webkit-transition: opacity 0.5s;
     transition: opacity 0.5s;
-    
+
     .columns {
       padding: 0;
     }
@@ -2060,7 +2063,7 @@ button[class*="usa-button-"] {
   .va-overlay-body {
     margin: 1rem auto;
   }
-  
+
   @media screen and (max-height: 30.5em) {
     .overlay form {
       height: 70%;
@@ -2124,7 +2127,7 @@ ul li p {
   margin-left: .8em;
   white-space: normal;
   top: -110%;
-  
+
   &:before {
     border-bottom: 10px solid transparent;  // left arrow slant
     border-top: 10px solid transparent; // right arrow slant
@@ -2149,7 +2152,7 @@ ul li p {
     margin: 0;
     margin-top: .7em;
     margin-left: -5em;
-  
+
     &:before {
       top: -10px !important;
       right: auto;
@@ -2204,5 +2207,3 @@ html.touchevents {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
 }
-
-