active_frontend 11.1.0 → 12.0.0

data/vendor/assets/stylesheets/_breadcrumb.scss

@@ -1,12 +1,14 @@
 /* Table of Contents
 ==================================================
 # Breadcrumb
-# Breadcrumb Flow
+# Styles
+# Colors
 # Media Queries */
 
 /* # Breadcrumb
 ================================================== */
 .breadcrumb {
+  color: $color-black;
   list-style: none;
   margin: 0 0 10px 0;
   padding: 0;
@@ -16,39 +18,35 @@
   font-size: 13px;
   font-weight: bold;
 }
-.breadcrumb > li > a { color: $color-black; }
 .breadcrumb > li > a:hover,
 .breadcrumb > li > a:active,
 .breadcrumb > li > a:focus,
 .breadcrumb > .active { color: $color-primary; }
-.breadcrumb > li > .divider {
-  color: $color-black;
-  padding: 0 5px;
-}
+.breadcrumb > li > .divider { padding: 0 5px; }
 
-/* # Breadcrumb Flow
+/* # Styles
 ================================================== */
 .breadcrumb-flow {
+  color: $color-black;
   counter-reset: wizard;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: 1px;
+  line-height: 16px;
   list-style: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
+  text-transform: uppercase;
 }
 .breadcrumb-flow > li {
   float: left;
-  font-size: 12px;
-  font-weight: bold;
-  letter-spacing: 1px;
-  line-height: 16px;
   position: relative;
   text-align: center;
-  text-transform: uppercase;
   width: 25%;
 }
-.breadcrumb-flow > li,
-.breadcrumb-flow > li > a { color: $color-black; }
 .breadcrumb-flow > li.active ~ li,
 .breadcrumb-flow > li.active ~ li > a { color: $color-dark-haze; }
 .breadcrumb-flow > li.active,
@@ -74,11 +72,9 @@
   width: 22px;
   z-index: 1;
 }
-.breadcrumb-flow > li.active:before { background: $color-white; }
-.breadcrumb-flow > li.active ~ li:before {
-  background: $color-white;
-  border-color: $color-light-haze;
-}
+.breadcrumb-flow > li.active:before,
+.breadcrumb-flow > li.active ~ li:before { background: $color-white; }
+.breadcrumb-flow > li.active ~ li:before { border-color: $color-light-haze; }
 .breadcrumb-flow > li + li:after {
   background: $color-primary;
   content: "";
@@ -92,6 +88,20 @@
 }
 .breadcrumb-flow > li.active ~ li:after { background: $color-light-haze; }
 
+/* # Colors
+================================================== */
+.breadcrumb-dark { color: $color-white; }
+.breadcrumb-dark.breadcrumb-flow > li.active ~ li,
+.breadcrumb-dark.breadcrumb-flow > li.active ~ li > a { color: $color-gray; }
+.breadcrumb-dark.breadcrumb-flow > li.active:before,
+.breadcrumb-dark.breadcrumb-flow > li.active ~ li:before { background: $color-black; }
+.breadcrumb-dark.breadcrumb-flow > li.active ~ li:before { border-color: $color-gray; }
+.breadcrumb-dark.breadcrumb-flow > li.active ~ li:after { background: $color-gray; }
+.breadcrumb-light.breadcrumb-flow > li.active:before,
+.breadcrumb-light.breadcrumb-flow > li.active ~ li:before { background: $color-light-haze; }
+.breadcrumb-light.breadcrumb-flow > li.active ~ li:before { border-color: $color-dark-haze; }
+.breadcrumb-light.breadcrumb-flow > li.active ~ li:after { background: $color-dark-haze; }
+
 /* # Media Queries
 ================================================== */
 @media

data/vendor/assets/stylesheets/_button.scss

@@ -75,21 +75,15 @@ $onwhite-colors: (
 .btn:active,
 .btn.active,
 .btn:focus,
-.btn[disabled],
-.btn[disabled]:hover,
-.btn[disabled]:active,
-.btn[disabled]:focus,
 .open > .dropdown-toggle.btn {
-  background: $color-haze;
-  border-color: $color-haze;
+  background: darken($color-light-haze, 2%);
+  border-color: darken($color-light-haze, 2%);
   text-decoration: none;
 }
-.btn[disabled],
-.btn[disabled]:hover,
-.btn[disabled]:active,
-.btn[disabled]:focus, {
+.btn[disabled] {
+  background: lighten($color-light-haze, 2%);
+  border-color: lighten($color-light-haze, 2%);
   cursor: not-allowed;
-  pointer-events: none;
 }
 
 /* # Sizes
@@ -115,14 +109,13 @@ $onwhite-colors: (
 /* # Icons
 ================================================== */
 .btn-icon {
-  font-size: 17px;
+  font-size: 18px;
   min-width: 42px;
-  padding: 12px 15px 11px 15px;
+  padding: 11px 15px 10px 15px;
 }
 .btn-icon.btn-large {
   font-size: 23px;
-  line-height: 22px;
-  min-width: 50px;
+  min-width: 52px;
   padding-bottom: 12px;
   padding-top: 13px;
 }
@@ -154,15 +147,12 @@ $onwhite-colors: (
   .btn-#{$name}.active,
   .btn-#{$name}:focus,
   .open > .dropdown-toggle.btn.btn-#{$name} {
-    background: darken($color, 5%);
-    border-color: darken($color, 5%);
+    background: darken($color, 2%);
+    border-color: darken($color, 2%);
   }
-  .btn-#{$name}[disabled],
-  .btn-#{$name}[disabled]:hover,
-  .btn-#{$name}[disabled]:active,
-  .btn-#{$name}[disabled]:focus {
-    background: lighten($color, 5%);
-    border-color: lighten($color, 5%);
+  .btn-#{$name}[disabled] {
+    background: lighten($color, 2%);
+    border-color: lighten($color, 2%);
   }
 }
 @each $name, $color in $onwhite-colors {
@@ -176,25 +166,19 @@ $onwhite-colors: (
   .btn-#{$name}.active,
   .btn-#{$name}:focus,
   .open > .dropdown-toggle.btn.btn-#{$name} {
-    background: darken($color, 5%);
-    border-color: darken($color, 5%);
+    background: darken($color, 2%);
+    border-color: darken($color, 2%);
   }
-  .btn-#{$name}[disabled],
-  .btn-#{$name}[disabled]:hover,
-  .btn-#{$name}[disabled]:active,
-  .btn-#{$name}[disabled]:focus {
-    background: lighten($color, 5%);
-    border-color: lighten($color, 5%);
+  .btn-#{$name}[disabled] {
+    background: lighten($color, 2%);
+    border-color: lighten($color, 2%);
   }
 }
 
 /* # Outlines
 ================================================== */
 .btn-outline,
-.btn-outline[disabled],
-.btn-outline[disabled]:hover,
-.btn-outline[disabled]:active,
-.btn-outline[disabled]:focus {
+.btn-outline[disabled] {
   background: $color-transparent;
   color: $color-dark-gray;
 }
@@ -203,38 +187,32 @@ $onwhite-colors: (
 .btn-outline.active,
 .btn-outline:focus,
 .open > .dropdown-toggle.btn.btn-outline {
-  background: $color-haze;
+  background: darken($color-light-haze, 2%);
   color: $color-black;
 }
 @each $name, $color in $onblack-colors {
-  .btn-outline.btn-#{$name} { color: $color; }
+  .btn-outline.btn-#{$name},
+  .btn-outline.btn-#{$name}[disabled] { color: $color; }
   .btn-outline.btn-#{$name}:hover,
   .btn-outline.btn-#{$name}:active,
   .btn-outline.btn-#{$name}.active,
   .btn-outline.btn-#{$name}:focus,
   .open > .dropdown-toggle.btn.btn-outline.btn-#{$name} {
-    background: darken($color, 5%);
+    background: darken($color, 2%);
     color: $color-black;
   }
-  .btn-outline.btn-#{$name}[disabled],
-  .btn-outline.btn-#{$name}[disabled]:hover,
-  .btn-outline.btn-#{$name}[disabled]:active,
-  .btn-outline.btn-#{$name}[disabled]:focus { color: lighten($color, 5%); }
 }
 @each $name, $color in $onwhite-colors {
-  .btn-outline.btn-#{$name} { color: $color; }
+  .btn-outline.btn-#{$name},
+  .btn-outline.btn-#{$name}[disabled] { color: $color; }
   .btn-outline.btn-#{$name}:hover,
   .btn-outline.btn-#{$name}:active,
   .btn-outline.btn-#{$name}.active,
   .btn-outline.btn-#{$name}:focus,
   .open > .dropdown-toggle.btn.btn-outline.btn-#{$name} {
-    background: darken($color, 5%);
+    background: darken($color, 2%);
     color: $color-white;
   }
-  .btn-outline.btn-#{$name}[disabled],
-  .btn-outline.btn-#{$name}[disabled]:hover,
-  .btn-outline.btn-#{$name}[disabled]:active,
-  .btn-outline.btn-#{$name}[disabled]:focus { color: lighten($color, 5%); }
 }
 
 /* # Links
@@ -250,10 +228,7 @@ $onwhite-colors: (
 .btn-link:active,
 .btn-link.active,
 .btn-link:focus,
-.btn-link[disabled],
-.btn-link[disabled]:hover,
-.btn-link[disabled]:active,
-.btn-link[disabled]:focus, {
+.btn-link[disabled] {
   background: $color-transparent;
   border-color: $color-transparent;
   color: $color-black;
@@ -326,21 +301,21 @@ $onwhite-colors: (
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
-.btn-group-justified {
+.btn-group-block {
   border-collapse: separate;
   display: table;
   table-layout: fixed;
   width: 100%;
 }
-.btn-group-justified > .btn,
-.btn-group-justified > .btn-group {
+.btn-group-block > .btn,
+.btn-group-block > .btn-group {
   display: table-cell;
   float: none;
   width: 1%;
 }
-.btn-group-justified > .btn-group .btn { width: 100%; }
-.btn-group-justified > .btn { border-right-width: 0; }
-.btn-group-justified > .btn:last-child { border-right-width: 1px; }
+.btn-group-block > .btn-group .btn { width: 100%; }
+.btn-group-block > .btn { border-right-width: 0; }
+.btn-group-block > .btn:last-child { border-right-width: 1px; }
 
 /* # Toolbars
 ================================================== */

data/vendor/assets/stylesheets/_carousel.scss

@@ -6,7 +6,11 @@
 
 /* # Carousel
 ================================================== */
-.carousel { position: relative; }
+.carousel {
+  border-color: $color-white;
+  color: $color-white;
+  position: relative;
+}
 .carousel-inner {
   overflow: hidden;
   position: relative;
@@ -42,7 +46,6 @@
 .carousel-inner > .active.right { left: 100%; }
 .carousel-control {
   bottom: 0;
-  color: $color-white;
   filter: alpha(opacity=50);
   left: 0;
   opacity: 0.5;
@@ -58,11 +61,9 @@
 .carousel-control:hover,
 .carousel-control:active,
 .carousel-control:focus {
-  color: $color-white;
   filter: alpha(opacity=90);
   opacity: 0.9;
   outline: none;
-  text-decoration: none;
 }
 .carousel-control > .icon-prev,
 .carousel-control > .icon-next,
@@ -92,6 +93,7 @@
 .carousel-control > .icon-prev:before { content: '\2039'; }
 .carousel-control > .icon-next:before { content: '\203a'; }
 .carousel-indicators {
+  border-color: inherit !important;
   bottom: 10px;
   left: 50%;
   list-style: none;
@@ -103,9 +105,9 @@
   z-index: 15;
 }
 .carousel-indicators > li {
-  background: $color-white;
   border-radius: 10px;
-  border: 1px solid $color-white;
+  border: 1px solid;
+  border-color: inherit;
   cursor: pointer;
   display: inline-block;
   height: 4px;
@@ -114,14 +116,12 @@
   width: 4px;
 }
 .carousel-indicators > .active {
-  background: $color-transparent;
   height: 8px;
   margin: 0 4px;
   width: 8px;
 }
 .carousel-caption {
   bottom: 20px;
-  color: $color-white;
   left: 15%;
   padding-bottom: 20px;
   padding-top: 20px;
@@ -130,24 +130,17 @@
   text-align: center;
   z-index: 10;
 }
-.carousel-caption > h1,
-.carousel-caption > h2,
-.carousel-caption > h3,
-.carousel-caption > h4,
-.carousel-caption > h5,
-.carousel-caption > h6 { color: $color-white; }
 
 /* # Colors
 ================================================== */
-.carousel-dark .carousel-indicators > li,
-.carousel-primary .carousel-indicators > li {
-  background: $color-light-black;
+.carousel-dark {
   border-color: $color-light-black;
+  color: $color-light-black;
+}
+.carousel-light {
+  border-color: $color-light-haze;
+  color: $color-light-haze;
 }
-.carousel-dark .carousel-indicators > .active,
-.carousel-primary .carousel-indicators > .active { background: $color-transparent; }
-.carousel-dark .carousel-indicators > .active { border-color: $color-primary; }
-.carousel-primary .carousel-indicators > .active { border-color: $color-primary; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_chart.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
-# Chart */
+# Chart
+# Alignments */
 
 /* # Chart
 ================================================== */
@@ -8,4 +9,7 @@
   display: block;
   width: 100%;
 }
+
+/* # Alignments
+================================================== */
 .chart-center { margin: 0 auto; }

data/vendor/assets/stylesheets/_color.scss

@@ -12,9 +12,9 @@ $color-light-black: rgba(50,63,73,1);
 $color-dark-gray: rgba(71,82,93,1);
 $color-gray: rgba(106,122,138,1);
 $color-light-gray: rgba(151,163,175,1);
-$color-dark-haze: rgba(225,226,230,1);
-$color-haze: rgba(239,240,243,1);
-$color-light-haze: rgba(246,247,249,1);
+$color-dark-haze: rgba(224,226,228,1);
+$color-haze: rgba(237,239,241,1);
+$color-light-haze: rgba(245,247,249,1);
 $color-white: rgba(255,255,255,1);
 
 /* # Base Colors
@@ -27,5 +27,5 @@ $color-indigo: rgba(85,71,235,1);
 $color-purple: rgba(78,60,140,1);
 $color-pink: rgba(254,87,121,1);
 $color-red: rgba(255,61,31,1);
-$color-orange: rgba(255,136,0,1);
-$color-yellow: rgba(255,229,0,1);
+$color-orange: rgba(255,116,0,1);
+$color-yellow: rgba(255,209,0,1);

data/vendor/assets/stylesheets/_colorpicker.scss

@@ -5,7 +5,6 @@
 /* # Colorpicker
 ================================================== */
 .dropdown-swatch {
-  background: $color-dark-gray;
   border-radius: 2px;
   display: inline-block;
   height: 26px;

data/vendor/assets/stylesheets/_datepicker.scss

@@ -18,7 +18,8 @@
   visibility: visible;
 }
 .datepicker:before {
-  border-bottom: 7px solid $color-dark-haze;
+  border-bottom: 7px solid;
+  border-color: inherit;
   border-right: 7px solid $color-transparent;
   border-left: 7px solid $color-transparent;
   content: '';
@@ -26,7 +27,8 @@
   position: absolute;
 }
 .datepicker:after {
-  border-bottom: 6px solid $color-dark-haze;
+  border-bottom: 6px solid;
+  border-color: inherit;
   border-right: 6px solid $color-transparent;
   border-left: 6px solid $color-transparent;
   content: "";
@@ -42,17 +44,16 @@
 .datepicker.datepicker-orient-bottom:before {
   bottom: -7px;
   border-bottom: 0;
-  border-top: 7px solid $color-dark-haze;
+  border-top: 7px solid;
+  border-color: inherit;
 }
 .datepicker.datepicker-orient-bottom:after {
   bottom: -6px;
   border-bottom: 0;
-  border-top: 6px $color-dark-haze;
-}
-.dow {
-  color: $color-black;
-  font-weight: bold;
+  border-top: 6px solid;
+  border-color: inherit;
 }
+.dow { font-weight: bold; }
 .datepicker > div { display: none; }
 .datepicker table {
   margin: 0;
@@ -71,7 +72,7 @@
   line-height: 1;
 }
 .datepicker table td.new,
-.datepicker table td.old { color: $color-light-gray; }
+.datepicker table td.old { color: $color-gray; }
 .datepicker table td > span {
   border-radius: 2px;
   display: block;
@@ -108,7 +109,7 @@
   width: 145px;
 }
 .datepicker table th.datepicker-switch { padding-bottom: 3px !important; }
-.datepicker table td.day.disabled { color: $color-dark-haze; }
+.datepicker table td.day.disabled { color: $color-gray; }
 .datepicker table td.day.disabled:hover,
 .datepicker table td.day.disabled.active,
 .datepicker table td.day.disabled:active,