font awesome 4.7.0

10 files changed, 177 insertions, 34 deletions

diff --git a/library/font_awesome/src/assets/less/site.less b/library/font_awesome/src/assets/less/site.less
index 1c5d1a300..a9e13f6ee 100644
--- a/library/font_awesome/src/assets/less/site.less
+++ b/library/font_awesome/src/assets/less/site.less
@@ -33,6 +33,7 @@
 @import "site/bsap-ad";
 @import "site/sumome";
 @import "site/algolia";
+@import "site/kickstarter";
 
 @import "site/views";
 @import "site/store";
diff --git a/library/font_awesome/src/assets/less/site/banner-ad.less b/library/font_awesome/src/assets/less/site/banner-ad.less
index 0ce85dea8..e544ed0be 100644
--- a/library/font_awesome/src/assets/less/site/banner-ad.less
+++ b/library/font_awesome/src/assets/less/site/banner-ad.less
@@ -13,7 +13,7 @@
   .tagline {
     font-weight: 200;
     font-size: 16px;
-    padding-right: 20px;
+    padding-right: 30px;
   }
 
   &.font-awesome-survey {
@@ -115,13 +115,13 @@
   &.fort-awesome {
     @fort-awesome-color: #1C1E29;
     @fort-awesome-color-accent: #525879;
-    @fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%);
+    @fort-awesome-bg: #2d2f39;
     background-color: @fort-awesome-bg;
     border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
     .btn-primary {
       @color: #fff;
-      @background: mix(#fff,@fort-awesome-bg,15%);
-      @border: darken(@fort-awesome-bg, 5%);
+      @background: #ff8c52;
+      @border: rgba(0,0,0,0.2);
       font-weight: bold;
       color: @color;
       background-color: @background;
@@ -136,9 +136,116 @@
       &.active,
       .open > &.dropdown-toggle {
         color: #fff;
-        background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%);
-        border-color: darken(@border, 12%);
-        border-bottom-color: darken(@border, 18%);
+        background-color: #e67e4a;
+        border-color: rgba(0,0,0,0.296);
+        border-bottom-color: rgba(0,0,0,0.296);
+      }
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        background-image: none;
+      }
+      &.disabled,
+      &[disabled],
+      fieldset[disabled] & {
+        &,
+        &:hover,
+        &:focus,
+        &:active,
+        &.active {
+          background-color: @background;
+          border-color: @border;
+        }
+      }
+    }
+  }
+
+  &.symbolset {
+    @symbolset-bg: desaturate(#866cba,5%);
+    background-color: @symbolset-bg;
+    border-bottom: rgba(0,0,0,0.2);
+    a:not(.btn) {
+      text-decoration: underline;
+      color: #fff;
+      &:hover { color: rgba(255,255,255,.8); }
+    }
+    .btn-primary {
+      @color: @symbolset-bg;
+      @background: #fff;
+      @border: mix(#000,@symbolset-bg,10%);
+      font-weight: bold;
+      color: @color;
+      background-color: @background;
+      border-color: @border;
+      border-bottom-width: 2px;
+      text-shadow: none;
+      border-radius: 4px;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        color: #fff;
+        background-color: rgba(0,0,0,0.2);
+        border-color: rgba(0,0,0,0.2);
+        border-bottom-color: rgba(0,0,0,0.2);
+      }
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        background-image: none;
+      }
+      &.disabled,
+      &[disabled],
+      fieldset[disabled] & {
+        &,
+        &:hover,
+        &:focus,
+        &:active,
+        &.active {
+          background-color: @background;
+          border-color: @border;
+        }
+      }
+    }
+  }
+
+  &.kickstarter {
+    @kickstarter-bg: #489fdf;
+    background-color: @kickstarter-bg;
+    border-bottom: rgba(0,0,0,0.2);
+    .message-container { padding: 40px 0; }
+    .tagline { font-size: 24px; }
+    a:not(.btn) {
+      text-decoration: underline;
+      color: #fff;
+      &:hover { color: rgba(255,255,255,.8); }
+    }
+    .btn-primary {
+      @color: @kickstarter-bg;
+      @background: #fff;
+      @border: mix(#000,@kickstarter-bg,10%);
+      font-weight: 600;
+      font-size: 22px;
+      padding: 14px 28px;
+      border-radius: 30px;
+
+      color: @color;
+      background-color: @background;
+      border-color: @border;
+      border-bottom-width: 2px;
+      text-shadow: none;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.active,
+      .open > &.dropdown-toggle {
+        color: #fff;
+        background-color: rgba(0,0,0,0.2);
+        border-color: rgba(0,0,0,0.2);
+        border-bottom-color: rgba(0,0,0,0.2);
       }
       &:active,
       &.active,
@@ -159,4 +266,5 @@
       }
     }
   }
+
 }
diff --git a/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less
index 981d3d60c..a04420b72 100644
--- a/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less
+++ b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less
@@ -29,17 +29,6 @@
   .text-muted {
     color: mix(@jumbotron-color, @fa-green, 45%);
   }
-
-  a {
-    color: mix(@jumbotron-color, @fa-green, 70%);
-
-    // STATE: hover, focus, active
-    &:hover, &:focus, &:active {
-      border-color: @fa-green-dark;
-      background: @fa-green-dark;
-      color: @jumbotron-color;
-    }
-  }
 }
 
 .jumbotron-ad, .jumbotron-carousel {
diff --git a/library/font_awesome/src/assets/less/site/bootstrap/navbar.less b/library/font_awesome/src/assets/less/site/bootstrap/navbar.less
index 6c98885b8..32167270f 100644
--- a/library/font_awesome/src/assets/less/site/bootstrap/navbar.less
+++ b/library/font_awesome/src/assets/less/site/bootstrap/navbar.less
@@ -6,9 +6,10 @@
   font-family: @font-family-serif;
   font-weight: 300;
   font-size: 20px;
-  .fas-flag-logo {
+  i {
+    font-size: 23px;
     padding-right: 3px;
-    vertical-align: baseline;
+    line-height: .75;
   }
 }
 .navbar-nav > li > a { padding: 11px 10px 9px; }
diff --git a/library/font_awesome/src/assets/less/site/footer.less b/library/font_awesome/src/assets/less/site/footer.less
index 92c12b2a8..bf895b338 100644
--- a/library/font_awesome/src/assets/less/site/footer.less
+++ b/library/font_awesome/src/assets/less/site/footer.less
@@ -18,6 +18,18 @@
     padding-bottom: 55px;
   }
   .project { margin-top: 10px; }
+
+  #inventory {
+    a {
+      width: 220px;
+      overflow: hidden;
+      display: inline-block;
+      border-bottom: inherit;
+      margin: 0 15px 20px;
+
+    }
+    #CVADP2Y { display: inline; }
+  }
 }
 
 
diff --git a/library/font_awesome/src/assets/less/site/jumbotron-carousel.less b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
index 014b0af8c..880f4c5a6 100644
--- a/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
+++ b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
@@ -58,4 +58,14 @@
       }
     }
   }
+  a {
+    color: mix(@jumbotron-color, @fa-green, 70%);
+
+    // STATE: hover, focus, active
+    &:hover, &:focus, &:active {
+      border-color: @fa-green-dark;
+      background: @fa-green-dark;
+      color: @jumbotron-color;
+    }
+  }
 }
diff --git a/library/font_awesome/src/assets/less/site/kickstarter.less b/library/font_awesome/src/assets/less/site/kickstarter.less
new file mode 100644
index 000000000..689a8c04a
--- /dev/null
+++ b/library/font_awesome/src/assets/less/site/kickstarter.less
@@ -0,0 +1,3 @@
+.btn-kickstarter {
+  .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%));
+}
diff --git a/library/font_awesome/src/assets/less/site/lazy.less b/library/font_awesome/src/assets/less/site/lazy.less
index 540f9a57b..5f6461d8f 100644
--- a/library/font_awesome/src/assets/less/site/lazy.less
+++ b/library/font_awesome/src/assets/less/site/lazy.less
@@ -76,7 +76,7 @@
 
 
 .display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
-.no-underline:hover { text-decoration: none; }
+.no-underline { text-decoration: none !important; }
 .clickable { cursor: pointer; }
 .strong { font-weight: bold; }
 .em { font-style: italic; }
@@ -110,3 +110,4 @@
 }
 
 .valign-baseline { vertical-align: baseline !important; }
+.valign-middle { vertical-align: middle !important; }
diff --git a/library/font_awesome/src/assets/less/site/responsive/screen-xs.less b/library/font_awesome/src/assets/less/site/responsive/screen-xs.less
index 7943e2feb..156e5bc38 100644
--- a/library/font_awesome/src/assets/less/site/responsive/screen-xs.less
+++ b/library/font_awesome/src/assets/less/site/responsive/screen-xs.less
@@ -81,20 +81,14 @@
   }
 
 
-  .navbar-org {
+  .navbar-org { display: none; }
+  #banner {
     text-align: center;
-    .container { padding: 0; }
-    .navbar-nav {
-      margin: 0;
-      > li + li {
-        margin-left: 0;
-      }
-    }
-    .nav > li {
-      float: left;
-      width: 50%;
-    }
+    .message-container, .tagline, .action { display: block; }
+    .tagline { padding-right: 0; }
+    .btn-primary { margin-top: 10px; }
   }
+
   .signup-button .btn { white-space: normal; }
   .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
 
diff --git a/library/font_awesome/src/assets/less/site/views.less b/library/font_awesome/src/assets/less/site/views.less
index ae5d8f31d..f0cd3c993 100644
--- a/library/font_awesome/src/assets/less/site/views.less
+++ b/library/font_awesome/src/assets/less/site/views.less
@@ -1,6 +1,14 @@
 // view-specific
-.v-get-started, .v-store {
+
+// reset background
+.v-get-started,
+.v-store,
+.v-accessibility {
   background: @alert-well-bg; // resetting for depth
+}
+
+// get started
+.v-get-started {
 
   .get-started-cdn {
     background: @section-emphasized-bg;
@@ -24,3 +32,19 @@
     font-size: (@font-size-large*1.5);
   }
 }
+
+// accessibility
+.v-accessibility {
+
+  .accessibility-cdn {
+    background: @section-emphasized-bg;
+    border-radius: @border-radius-base;
+    padding: @buffer-lg;
+  }
+
+  .hr .hr-text {
+    background:  @alert-well-bg;
+    font-family: @font-family-serif;
+    font-size: (@font-size-large*1.5);
+  }
+}