active_frontend 10.2.10 → 10.3.0

data/vendor/assets/stylesheets/_header.scss

@@ -194,15 +194,15 @@
 ================================================== */
 .header-dark {
   background: $color-black;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
 }
 .header-invisible {
   background: $color-transparent;
   border-color: $color-transparent;
 }
 .header-light {
-  background: $color-haze-light;
-  border-color: $color-haze-dark;
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
 }
 .header-dark .header-nav > li,
 .header-dark .header-nav-alt > li,
@@ -236,7 +236,7 @@
 .header-dark .header-user > a:active,
 .header-dark .header-user > a:focus { color: $color-primary; }
 .header-dark .header-nav-alt > li.inverse > a { color: $color-white; }
-.header-dark .header-search > input { border-color: $color-black-dark; }
+.header-dark .header-search > input { border-color: $color-dark-black; }
 .header-invisible .header-nav-alt > li.inverse > a {
   background: $color-white;
   border-color: $color-white;

data/vendor/assets/stylesheets/_label_and_badge.scss

@@ -2,6 +2,53 @@
 ==================================================
 # Label and Badge */
 
+/* # Variables
+================================================== */
+$onblack-colors: (
+  dark-haze:    $color-dark-haze,
+  haze:         $color-haze,
+  light-haze:   $color-light-haze,
+  white:        $color-white,
+  dark-yellow:  $color-dark-yellow,
+  yellow:       $color-yellow,
+  light-yellow: $color-light-yellow
+);
+$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
+);
+
 /* # Label and Badge
 ================================================== */
 .badge,
@@ -30,173 +77,30 @@
   display: block;
   width: 100%;
 }
-.badge-black-light,
-.label-black-light,
-.badge-black,
-.label-black-dark,
-.badge-black-dark,
-.label-black,
-.badge-blue,
-.label-blue,
-.badge-gray-light,
-.label-gray-light,
-.badge-gray,
-.label-gray,
-.badge-gray-dark,
-.label-gray-dark,
-.badge-green,
-.label-green,
-.badge-indigo,
-.label-indigo,
-.badge-lime,
-.label-lime,
-.badge-orange,
-.label-orange,
-.badge-pink,
-.label-pink,
-.badge-purple,
-.label-purple,
-.badge-red,
-.label-red,
-.badge-teal,
-.label-teal,
-.badge-yellow,
-.label-yellow { color: $color-white; }
-.badge-black-light,
-.label-black-light {
-  background: $color-black-light;
-  border-color: $color-black-light;
-}
-.badge-black,
-.label-black {
-  background: $color-black;
-  border-color: $color-black;
-}
-.badge-black-dark,
-.label-black-dark {
-  background: $color-black-dark;
-  border-color: $color-black-dark;
-}
-.badge-blue,
-.label-blue {
-  background: $color-blue;
-  border-color: $color-blue;
-}
-.badge-gray-light,
-.label-gray-light {
-  background: $color-gray-light;
-  border-color: $color-gray-light;
-}
-.badge-gray,
-.label-gray {
-  background: $color-gray;
-  border-color: $color-gray;
-}
-.badge-gray-dark,
-.label-gray-dark {
-  background: $color-gray-dark;
-  border-color: $color-gray-dark;
-}
-.badge-haze-light,
-.label-haze-light {
-  background: $color-haze-light;
-  border-color: $color-haze-light;
-}
-.badge-haze-dark,
-.label-haze-dark {
-  background: $color-haze-dark;
-  border-color: $color-haze-dark;
-}
-.badge-indigo,
-.label-indigo {
-  background: $color-indigo;
-  border-color: $color-indigo;
-}
-.badge-lime,
-.label-lime {
-  background: $color-lime;
-  border-color: $color-lime;
-}
-.badge-green,
-.label-green {
-  background: $color-green;
-  border-color: $color-green;
-}
-.badge-orange,
-.label-orange {
-  background: $color-orange;
-  border-color: $color-orange;
-}
-.badge-pink,
-.label-pink {
-  background: $color-pink;
-  border-color: $color-pink;
-}
-.badge-purple,
-.label-purple {
-  background: $color-purple;
-  border-color: $color-purple;
-}
-.badge-red,
-.label-red {
-  background: $color-red;
-  border-color: $color-red;
-}
-.badge-teal,
-.label-teal {
-  background: $color-teal;
-  border-color: $color-teal;
-}
-.badge-white,
-.label-white {
-  background: $color-white;
-  border-color: $color-white;
-}
-.badge-yellow,
-.label-yellow {
-  background: $color-yellow;
-  border-color: $color-yellow;
-}
+
+/* # Colors
+================================================== */
 .badge.badge-outline,
 .label.label-outline {
   background: $color-transparent;
   color: $color-haze;
 }
-.badge-black-light.badge-outline,
-.label-black-light.label-outline { color: $color-black-light; }
-.badge-black.badge-outline,
-.label-black.label-outline { color: $color-black; }
-.badge-black-dark.badge-outline,
-.label-black-dark.label-outline { color: $color-black-dark; }
-.badge-blue.badge-outline,
-.label-blue.label-outline { color: $color-blue; }
-.badge-gray-light.badge-outline,
-.label-gray-light.label-outline { color: $color-gray-light; }
-.badge-gray.badge-outline,
-.label-gray.label-outline { color: $color-gray; }
-.badge-gray-dark.badge-outline,
-.label-gray-dark.label-outline { color: $color-gray-dark; }
-.badge-green.badge-outline,
-.label-green.label-outline { color: $color-green; }
-.badge-haze-light.badge-outline,
-.label-haze-light.label-outline { color: $color-haze-light; }
-.badge-haze-dark.badge-outline,
-.label-haze-dark.label-outline { color: $color-haze-dark; }
-.badge-indigo.badge-outline,
-.label-indigo.label-outline { color: $color-indigo; }
-.badge-lime.badge-outline,
-.label-lime.label-outline { color: $color-lime; }
-.badge-orange.badge-outline,
-.label-orange.label-outline { color: $color-orange; }
-.badge-pink.badge-outline,
-.label-pink.label-outline { color: $color-pink; }
-.badge-purple.badge-outline,
-.label-purple.label-outline { color: $color-purple; }
-.badge-red.badge-outline,
-.label-red.label-outline { color: $color-red; }
-.badge-teal.badge-outline,
-.label-teal.label-outline { color: $color-teal; }
-.badge-white.badge-outline,
-.label-white.label-outline { color: $color-white; }
-.badge-yellow.badge-outline,
-.label-yellow.label-outline { color: $color-yellow; }
+@each $name, $color in $onblack-colors {
+  .badge-#{$name},
+  .label-#{$name} {
+    background: $color;
+    border-color: $color;
+  }
+  .badge-#{$name}.badge-outline,
+  .label-#{$name}.label-outline { color: $color; }
+}
+@each $name, $color in $onwhite-colors {
+  .badge-#{$name},
+  .label-#{$name}  {
+    background: $color;
+    border-color: $color;
+    color: $color-white;
+  }
+  .badge-#{$name}.badge-outline,
+  .label-#{$name}.label-outline { color: $color; }
+}

data/vendor/assets/stylesheets/_link.scss

@@ -8,7 +8,8 @@ a {
   text-decoration: none;
   touch-action: manipulation;
   -webkit-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out;
+      -ms-transition: all 0.3s ease-in-out;
+          transition: all 0.3s ease-in-out;
 }
 a[disabled] {
   cursor: not-allowed;

data/vendor/assets/stylesheets/_list.scss

@@ -1,6 +1,8 @@
 /* Table of Contents
-==================================================
+==================================================s
 # List
+# Sizes
+# Styles
 # Media Queries */
 
 /* # List
@@ -19,10 +21,20 @@ dl > dt {
 dl > dd { margin: 0 0 5px 10px; }
 ul { padding-left: 17px; }
 ol { padding-left: 23px; }
+
+/* # Sizes
+================================================== */
 .list-small {
   font-size: 14px;
   line-height: 22px;
 }
+.list-mini {
+  font-size: 12px;
+  line-height: 20px;
+}
+
+/* # Styles
+================================================== */
 .list-scrollable {
   max-height: 300px;
   overflow: auto;
@@ -39,13 +51,13 @@ ol { padding-left: 23px; }
 .list-lined > li,
 .list-striped > li { padding: 9px 10px 6px 10px; }
 .list-bordered > li {
-  border: 1px solid $color-haze-dark;
+  border: 1px solid $color-dark-haze;
   border-bottom: none;
 }
-.list-bordered > li:last-child { border-bottom: 1px solid $color-haze-dark; }
+.list-bordered > li:last-child { border-bottom: 1px solid $color-dark-haze; }
 .list-bordered.list-scrollable {
-  border-bottom: 1px solid $color-haze-dark;
-  border-top: 1px solid $color-haze-dark;
+  border-bottom: 1px solid $color-dark-haze;
+  border-top: 1px solid $color-dark-haze;
 }
 .list-bordered.list-scrollable > li:first-child { border-top: 0; }
 .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
@@ -56,12 +68,12 @@ ol { padding-left: 23px; }
 }
 .list-inline > li:last-child { margin-right: 0; }
 .list-lined > li {
-  border-top: 1px solid $color-haze-dark;
+  border-top: 1px solid $color-dark-haze;
   padding-left: 0;
   padding-right: 0;
 }
 .list-lined > li:first-child { border: 0; }
-.list-striped > li:nth-child(odd) { background: $color-haze-light; }
+.list-striped > li:nth-child(odd) { background: $color-light-haze; }
 .list-bordered.list-small > li,
 .list-lined.list-small > li,
 .list-striped.list-small > li { padding: 5px 5px 3px 5px; }

data/vendor/assets/stylesheets/_loader.scss

@@ -1,18 +1,36 @@
 /* Table of Contents
 ==================================================
+# Keyframes
 # Loader
 # Media Queries */
 
-/* # Loader
+/* # Keyframes
 ================================================== */
 @-webkit-keyframes loader-spinner {
-  0%   { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
 @keyframes loader-spinner {
-  0%   { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
+
+/* # Loader
+================================================== */
 .loader-backdrop,
 .loader-bar {
   height: 2px;
@@ -25,7 +43,7 @@
 }
 .loader-backdrop {
   height: 3px;
-  background: $color-haze-light;
+  background: $color-light-haze;
 }
 .loader-bar { background: $color-primary; }
 .loader-peg {
@@ -36,8 +54,9 @@
   pointer-events: none;
   position: absolute;
   right: 0;
-  -webkit-transform: rotate(3deg) translate(0, -4px);
-  transform: rotate(3deg) translate(0, -4px);
+  -webkit-transform: rotate(3deg) translate(0,-4px);
+      -ms-transform: rotate(3deg) translate(0,-4px);
+          transform: rotate(3deg) translate(0,-4px);
   width: 100px;
 }
 .loader-spinner {
@@ -50,7 +69,8 @@
 }
 .loader-spinner-icon {
   -webkit-animation: loader-spinner 400ms linear infinite;
-  animation: loader-spinner 400ms linear infinite;
+      -ms-animation: loader-spinner 400ms linear infinite;
+          animation: loader-spinner 400ms linear infinite;
   border: solid 2px $color-transparent;
   border-left-color: $color-primary;
   border-top-color: $color-primary;

data/vendor/assets/stylesheets/_map.scss

@@ -1,12 +1,13 @@
 /* Table of Contents
 ==================================================
 # Map
+# Colors
 # Media Queries */
 
 /* # Map
 ================================================== */
 .map {
-  background: $color-haze-light;
+  background: $color-white;
   border: 1px solid $color-haze;
   box-sizing: border-box;
   display: block;
@@ -15,6 +16,17 @@
 }
 .map-center { margin: 0 auto; }
 
+/* # Colors
+================================================== */
+.map-dark {
+  background: $color-black;
+  border-color: $color-dark-black;
+}
+.map-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
+}
+
 /* # Media Queries
 ================================================== */
 @media