update button styles

usds · Aug 24, 2015 · c0bf63b · c0bf63b
1 parent 66bb89e
commit c0bf63b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/_layouts/techfar.html b/_layouts/techfar.html
@@ -24,10 +24,10 @@
     <div class="inner_container">
       {{ content }}
     <div class="button">
-  <a href="https://github.com/WhiteHouse/playbook/blob/gh-pages/_includes/techfar-online.md" title="Link to View the Handbook">READ THE HANDBOOK</a>
+  <a href="https://github.com/WhiteHouse/playbook/blob/gh-pages/_includes/techfar-online.md" title="Link to View the Handbook">Read the Handbook</a>
 </div>
 <div class="button">
-  <a href="https://github.com/whitehouse/playbook#readme" title="Link to Comments and Discussion">SUBMIT COMMENTS</a>
+  <a href="https://github.com/whitehouse/playbook#readme" title="Link to Comments and Discussion">Submit comments</a>
 </div>
 
 <p class="download_links">You can also <a href="/assets/TechFAR%20Handbook_2014-08-07.pdf" title="Link to download the TechFAR Handbook as a PDF">download the handbook as a PDF file</a> or <a href="/assets/TechFAR%20Handbook_2014-08-07.docx" title="Link to Download the TechFAR Handbook as a .docx document">.DOCX document</a></p>

diff --git a/assets/_sass/styles.scss b/assets/_sass/styles.scss
@@ -8,6 +8,7 @@ $atlantic_blue:       #112E51; // primary-darkest
 $pacific_blue:        #046B99; // primary-alt-darkest
 // $pacific_blue:        #0071BC; // primary
 // $pacific_blue:     #3A96B7; // original
+$miami_vice_blue:     #0071BC; // original
 $white:               #fff;
 // $black:               #212121; // base
 $black:               #323A45; // gray-dark
@@ -153,9 +154,11 @@ $slimmer: new-breakpoint(min-width 641px max-width 980px 12);
     display: inline-block;  
     margin-top: 40px;
     margin-right: 20px;
+
     a {
       display: inline-block;
-      padding: 10px 30px;
+      border-radius: 3px;
+      padding: 10px 20px;
       text-decoration: none;
       border: 1px solid $white;
       min-width: 172px;
@@ -272,7 +275,7 @@ $slimmer: new-breakpoint(min-width 641px max-width 980px 12);
 
     .active {
       a {
-        background: $pacific_blue;
+        background: $miami_vice_blue;
         color: $white;
         text-decoration: none;
       }
@@ -292,10 +295,10 @@ $slimmer: new-breakpoint(min-width 641px max-width 980px 12);
         font-family: $serif;
         font-weight: lighter;
         color: $white;
-        border: 1px solid $pacific_blue;
+        border: 1px solid $miami_vice_blue;
       }
       a:hover {
-        background: $pacific_blue;
+        background: $miami_vice_blue;
         color: $white;
         text-decoration: none;
       }

diff --git a/index.html b/index.html
@@ -37,10 +37,10 @@
       {% capture introduction %}{% include introduction.md %}{% endcapture %}
       {{ introduction | markdownify }}
       <div class="button">
-        <a href="#plays_index_anchor" title="View the Plays">SEE THE PLAYS</a>
+        <a href="#plays_index_anchor" title="View the Plays">See the plays</a>
       </div>
       <div class="button">
-        <a href="https://github.com/whitehouse/playbook#readme" title="Visit Github to Improve This Content">HELP IMPROVE THIS CONTENT</a>
+        <a href="https://github.com/whitehouse/playbook#readme" title="Visit Github to Improve This Content">Help improve this content</a>
       </div>
     </div>
   </div>
@@ -59,7 +59,7 @@ <h2>Digital Service Plays</h2>
         </ol>
       </div>
       <div class="button">
-        <a href="#play1" title="View the In Detail">IN DETAIL</a>
+        <a href="#play1" title="View the In Detail">In detail</a>
       </div>
     </div>
   </div>