active_frontend 10.2.10 → 10.3.0

data/vendor/assets/stylesheets/_stripe.scss

@@ -0,0 +1,30 @@
+/* Table of Contents
+==================================================
+# Stripe
+# Styles */
+
+/* # Stripe
+================================================== */
+.stripe {
+  background: $color-primary;
+  height: 3px;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1050;
+}
+
+/* # Styles
+================================================== */
+.stripe-two {
+  background: -webkit-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
+  background:     -ms-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
+  background:         linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
+}
+.stripe-three {
+  background: -webkit-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
+  background:     -ms-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
+  background:         linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
+}

data/vendor/assets/stylesheets/_swoggle.scss

@@ -1,6 +1,57 @@
 /* Table of Contents
 ==================================================
-# Swoggle */
+# Variables
+# Swoggle
+# Colors */
+
+/* # Variables
+================================================== */
+$onblack-colors: (
+  dark-yellow:  $color-dark-yellow,
+  yellow:       $color-yellow,
+  light-yellow: $color-light-yellow
+);
+$ongray-colors: (
+  dark-haze:  $color-dark-haze,
+  haze:       $color-haze,
+  light-haze: $color-light-haze,
+  white:      $color-white
+);
+$onwhite-colors: (
+  dark-black:   $color-dark-black,
+  black:        $color-black,
+  light-black:  $color-light-black,
+  dark-gray:    $color-dark-gray,
+  gray:         $color-gray,
+  light-gray:   $color-light-gray,
+  dark-lime:    $color-dark-lime,
+  lime:         $color-lime,
+  light-lime:   $color-light-lime,
+  dark-green:   $color-dark-green,
+  green:        $color-green,
+  light-green:  $color-light-green,
+  dark-teal:    $color-dark-teal,
+  teal:         $color-teal,
+  light-teal:   $color-light-teal,
+  dark-blue:    $color-dark-blue,
+  blue:         $color-blue,
+  light-blue:   $color-light-blue,
+  dark-indigo:  $color-dark-indigo,
+  indigo:       $color-indigo,
+  light-indigo: $color-light-indigo,
+  dark-purple:  $color-dark-purple,
+  purple:       $color-purple,
+  light-purple: $color-light-purple,
+  dark-pink:    $color-dark-pink,
+  pink:         $color-pink,
+  light-pink:   $color-light-pink,
+  dark-red:     $color-dark-red,
+  red:          $color-red,
+  light-red:    $color-light-red,
+  dark-orange:  $color-dark-orange,
+  orange:       $color-orange,
+  light-orange: $color-light-orange
+);
 
 /* # Swoggle
 ================================================== */
@@ -14,10 +65,10 @@
   z-index: -1;
 }
 .swoggle {
-  background: $color-haze-light;
+  background: $color-light-haze;
+  border: 1px solid $color-light-haze;
   border-radius: 500px;
-  border: 1px solid $color-haze-light;
-  color: $color-black;
+  color: $color-gray;
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
@@ -33,9 +84,11 @@
   text-rendering: geometricPrecision;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease-in-out;
-  transition: all 0.5s ease-in-out;
+      -ms-transition: all 0.5s ease-in-out;
+          transition: all 0.5s ease-in-out;
   -webkit-user-select: none;
-  user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   vertical-align: middle;
 }
 .swoggle span,
@@ -68,99 +121,41 @@
   display: inline-block;
   position: relative;
   -webkit-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
+      -ms-transform: translate3d(0,0,0);
+          transform: translate3d(0,0,0);
   top: 0;
   width: 150%;
 }
 .swoggle.swoggle-on div { margin-left: 0; }
 .swoggle.swoggle-off div { margin-left: -50%; }
-.swoggle.swoggle-on.swoggle-black-light,
-.swoggle.swoggle-on.swoggle-black,
-.swoggle.swoggle-on.swoggle-black-dark,
-.swoggle.swoggle-on.swoggle-blue,
-.swoggle.swoggle-on.swoggle-gray-light,
-.swoggle.swoggle-on.swoggle-gray,
-.swoggle.swoggle-on.swoggle-gray-dark,
-.swoggle.swoggle-on.swoggle-green,
-.swoggle.swoggle-on.swoggle-indigo,
-.swoggle.swoggle-on.swoggle-lime,
-.swoggle.swoggle-on.swoggle-orange,
-.swoggle.swoggle-on.swoggle-pink,
-.swoggle.swoggle-on.swoggle-purple,
-.swoggle.swoggle-on.swoggle-red,
-.swoggle.swoggle-on.swoggle-teal,
-.swoggle.swoggle-on.swoggle-yellow { color: $color-white; }
-.swoggle.swoggle-on.swoggle-black-light {
-  background: $color-black-light;
-  border-color: $color-black-light;
-}
-.swoggle.swoggle-on.swoggle-black {
-  background: $color-black;
-  border-color: $color-black;
-}
-.swoggle.swoggle-on.swoggle-black-dark {
-  background: $color-black-dark;
-  border-color: $color-black-dark;
-}
-.swoggle.swoggle-on.swoggle-blue {
-  background: $color-blue;
-  border-color: $color-blue;
-}
-.swoggle.swoggle-on.swoggle-gray-light {
-  background: $color-gray-light;
-  border-color: $color-gray-light;
-}
-.swoggle.swoggle-on.swoggle-gray {
-  background: $color-gray;
-  border-color: $color-gray;
-}
-.swoggle.swoggle-on.swoggle-gray-dark {
-  background: $color-gray-dark;
-  border-color: $color-gray-dark;
-}
-.swoggle.swoggle-on.swoggle-green {
-  background: $color-green;
-  border-color: $color-green;
-}
-.swoggle.swoggle-on.swoggle-indigo {
-  background: $color-indigo;
-  border-color: $color-indigo;
-}
-.swoggle.swoggle-on.swoggle-lime {
-  background: $color-lime;
-  border-color: $color-lime;
-}
-.swoggle.swoggle-on.swoggle-orange {
-  background: $color-orange;
-  border-color: $color-orange;
-}
-.swoggle.swoggle-on.swoggle-pink {
-  background: $color-pink;
-  border-color: $color-pink;
-}
-.swoggle.swoggle-on.swoggle-purple {
-  background: $color-purple;
-  border-color: $color-purple;
-}
-.swoggle.swoggle-on.swoggle-red {
-  background: $color-red;
-  border-color: $color-red;
-}
-.swoggle.swoggle-on.swoggle-teal {
-  background: $color-teal;
-  border-color: $color-teal;
-}
-.swoggle.swoggle-on.swoggle-yellow {
-  background: $color-yellow;
-  border-color: $color-yellow;
-}
 .swoggle.swoggle-animate div {
   -webkit-transition: margin-left 0.5s;
-  transition: margin-left 0.5s;
+      -ms-transition: margin-left 0.5s;
+          transition: margin-left 0.5s;
 }
-.swoggle.swoggle-disabled,
-.swoggle.swoggle-readonly {
-  cursor: default !important;
-  opacity: 0.5;
-  filter: alpha(opacity=50);
+.swoggle.swoggle-disabled { cursor: not-allowed !important; }
+.swoggle.swoggle-readonly { cursor: default !important; }
+
+/* # Colors
+================================================== */
+@each $name, $color in $onblack-colors {
+  .swoggle.swoggle-on.swoggle-#{$name} {
+    background: $color;
+    border-color: $color;
+    color: $color-black;
+  }
+}
+@each $name, $color in $ongray-colors {
+  .swoggle.swoggle-on.swoggle-#{$name} {
+    background: $color;
+    border-color: $color;
+    color: $color-gray;
+  }
+}
+@each $name, $color in $onwhite-colors {
+  .swoggle.swoggle-on.swoggle-#{$name} {
+    background: $color;
+    border-color: $color;
+    color: $color-white;
+  }
 }

data/vendor/assets/stylesheets/_table.scss

@@ -28,30 +28,20 @@ table {
   border-top-width: 1px;
   font-size: 14px;
   font-weight: bold;
-  padding: 7px 10px 7px 10px;
+  padding: 7px 10px;
 }
 .table th a { color: $color-black; }
-.table th.tablespy-sort-asc:before {
-  content: "\f3d8";
-  float: right;
-  font-family: "Ionicons";
-  font-style: normal;
-  font-weight: normal;
-}
-.table th.tablespy-sort-desc:before {
-  content: "\f3d0";
-  float: right;
-  font-family: "Ionicons";
-  font-style: normal;
-  font-weight: normal;
-}
+.table th.tablespy-sort-asc:before,
+.table th.tablespy-sort-desc:before,
 .table th.tablespy-sort-none:before {
-  content: "\f462";
   float: right;
   font-family: "Ionicons";
   font-style: normal;
   font-weight: normal;
 }
+.table th.tablespy-sort-asc:before { content: "\f3d8"; }
+.table th.tablespy-sort-desc:before { content: "\f3d0"; }
+.table th.tablespy-sort-none:before { content: "\f462"; }
 .table th.tablespy-sort-asc,
 .table th.tablespy-sort-desc,
 .table th.tablespy-sort-none { cursor: pointer; }
@@ -64,7 +54,7 @@ table {
   font-size: 15px;
   font-weight: bold;
   letter-spacing: 1px;
-  padding: 7px 10px 7px 10px;
+  padding: 7px 10px;
   text-transform: uppercase;
 }
 .table caption + thead tr:first-child th,
@@ -109,7 +99,7 @@ table {
 .table-bordered tbody:first-child tr:first-child th,
 .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
 .table-striped tbody > tr:nth-child(odd) > td,
-.table-striped tbody > tr:nth-child(odd) > th { background: $color-haze-light; }
+.table-striped tbody > tr:nth-child(odd) > th { background: $color-light-haze; }
 .table-hover tbody tr:hover > td,
 .table-hover tbody tr:hover > th { background: $color-haze; }
 .table-unbordered,
@@ -129,6 +119,8 @@ table {
     border: 1px solid $color-haze;
     max-height: 300px;
     -webkit-overflow-scrolling: touch;
+        -ms-overflow-scrolling: touch;
+            overflow-scrolling: touch;
     overflow: scroll;
   }
   .table-responsive > .table > thead > tr > th,

data/vendor/assets/stylesheets/_timepicker.scss

@@ -9,7 +9,8 @@
   opacity: 1;
   padding: 5px 0;
   -webkit-transition: none;
-  transition: none;
+      -ms-transition: none;
+          transition: none;
   visibility: visible;
 }
 .timepicker-widget.dropdown-menu.open {
@@ -17,7 +18,7 @@
   z-index: 1060;
 }
 .timepicker-widget.dropdown-menu:before {
-  border-bottom: 7px solid $color-haze-dark;
+  border-bottom: 7px solid $color-dark-haze;
   border-right: 7px solid $color-transparent;
   border-left: 7px solid $color-transparent;
   content: "";
@@ -25,7 +26,7 @@
   position: absolute;
 }
 .timepicker-widget.dropdown-menu:after {
-  border-bottom: 6px solid $color-haze-dark;
+  border-bottom: 6px solid $color-dark-haze;
   border-right: 6px solid $color-transparent;
   border-left: 6px solid $color-transparent;
   content: "";
@@ -40,12 +41,12 @@
 .timepicker-widget.timepicker-orient-top:after { top: -6px; }
 .timepicker-widget.timepicker-orient-bottom:before {
   border-bottom: 0;
-  border-top: 7px solid $color-haze-dark;
+  border-top: 7px solid $color-dark-haze;
   bottom: -7px;
 }
 .timepicker-widget.timepicker-orient-bottom:after {
   border-bottom: 0;
-  border-top: 6px solid $color-haze-dark;
+  border-top: 6px solid $color-dark-haze;
   bottom: -6px;
 }
 .timepicker-widget > table {

data/vendor/assets/stylesheets/_toolbar.scss

@@ -25,7 +25,7 @@
   border-bottom: 1px solid $color-haze;
   border-radius: 0;
   box-sizing: border-box;
-  color: $color-black-light;
+  color: $color-light-black;
   display: block;
   font-size: 21px;
   height: 55px;
@@ -47,7 +47,7 @@
 .toolbar > a[disabled]:active,
 .toolbar > a[disabled]:focus {
   background: $color-transparent;
-  color: $color-black-light;
+  color: $color-light-black;
   cursor: not-allowed;
   pointer-events: none;
 }
@@ -61,7 +61,7 @@
 .toolbar-dark,
 .toolbar-dark.toolbar-alt {
   background: $color-black;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
 }
 .toolbar-dark > a,
 .toolbar-dark > a[disabled],
@@ -69,18 +69,18 @@
 .toolbar-dark > a[disabled]:active,
 .toolbar-dark > a[disabled]:focus {
   color: $color-gray;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
 }
 .toolbar-light,
 .toolbar-light.toolbar-alt {
-  background: $color-haze-light;
-  border-color: $color-haze-dark;
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
 }
-.toolbar-dark > a,
-.toolbar-dark > a[disabled],
-.toolbar-dark > a[disabled]:hover,
-.toolbar-dark > a[disabled]:active,
-.toolbar-dark > a[disabled]:focus { border-color: $color-haze-dark; }
+.toolbar-light > a,
+.toolbar-light > a[disabled],
+.toolbar-light > a[disabled]:hover,
+.toolbar-light > a[disabled]:active,
+.toolbar-light > a[disabled]:focus { border-color: $color-dark-haze; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_tooltip.scss

@@ -7,6 +7,7 @@
 .tooltip {
   color: $color-white;
   display: block;
+  float: none;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
@@ -15,7 +16,6 @@
   line-height: 17px;
   opacity: 0;
   filter: alpha(opacity=0);
-  float: none;
   position: absolute;
   text-decoration: none;
   text-transform: none;

data/vendor/assets/stylesheets/_transition.scss

@@ -7,6 +7,7 @@
 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.3s linear;
-  transition: opacity 0.3s linear;
+      -ms-transition: opacity 0.3s linear;
+          transition: opacity 0.3s linear;
 }
 .fade.in { opacity: 1; }

data/vendor/assets/stylesheets/_trunk.scss

@@ -29,8 +29,8 @@
 }
 .trunk-nav > li,
 .trunk-user > li {
-  font-weight: 500;
   font-size: 11px;
+  font-weight: 500;
   line-height: 11px;
   margin: 5px;
 }
@@ -50,7 +50,7 @@
 }
 .trunk-nav > li.title {
   border-bottom: 1px solid $color-haze;
-  color: $color-gray-dark;
+  color: $color-primary;
   font-size: 12px;
   letter-spacing: 1px;
   line-height: 12px;
@@ -66,14 +66,15 @@
 .trunk-nav > li > a,
 .trunk-user > li > a {
   -webkit-appearance: none;
-  appearance: none;
+      -ms-appearance: none;
+          appearance: none;
   border-radius: 2px;
-  color: $color-gray-dark;
+  color: $color-dark-gray;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
-  font-weight: 500;
   font-size: 11px;
+  font-weight: 500;
   letter-spacing: 1px;
   line-height: 11px;
   padding: 11px 0 9px 0;
@@ -82,7 +83,8 @@
   text-rendering: geometricPrecision;
   text-transform: uppercase;
   -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
+      -ms-transition: all 0.3s linear;
+          transition: all 0.3s linear;
   vertical-align: middle;
   white-space: nowrap;
 }
@@ -123,11 +125,7 @@
 ================================================== */
 .trunk-dark {
   background: $color-black;
-  border-color: $color-black-dark;
-}
-.trunk-light {
-  background: $color-haze-light;
-  border-color: $color-haze-dark;
+  border-color: $color-dark-black;
 }
 .trunk-dark .trunk-nav > li.title,
 .trunk-dark .trunk-nav > li > a,
@@ -146,9 +144,13 @@
   border-color: $color-primary;
   color: $color-primary;
 }
+.trunk-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
+}
 .trunk-light .trunk-nav > li.title,
 .trunk-light .trunk-nav > li.divider,
-.trunk-light .trunk-nav > li > a { border-color: $color-haze-dark; }
+.trunk-light .trunk-nav > li > a { border-color: $color-dark-haze; }
 .trunk-light .trunk-nav > li > a:hover,
 .trunk-light .trunk-nav > li > a:active,
 .trunk-light .trunk-nav > li > a.active,