active_frontend 6.6.2 → 7.0.0

data/vendor/assets/stylesheets/_progress.scss

@@ -13,15 +13,15 @@
   to   { background-position: 0 0; }
 }
 .progress {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   border-radius: 500px;
   height: 25px;
   overflow: hidden;
 }
 .progress > .bar {
-  background: $primary-color;
+  background: $color-primary;
   box-sizing: border-box;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   float: left;
   font-size: 13px;
   height: 100%;

data/vendor/assets/stylesheets/_reset.scss

@@ -52,7 +52,7 @@ h6 {
 }
 abbr,
 acronym {
-  border-bottom: 1px dotted rgba(35,41,55,1);
+  border-bottom: 1px dotted $color-black;
   font-variant: normal;
 }
 caption,
@@ -74,8 +74,8 @@ select {
 }
 html,
 body {
-  background: rgba(255,255,255,1);
-  color: rgba(35,41,55,1);
+  background: $color-white;
+  color: $color-black;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 100%;
   -webkit-font-smoothing: antialiased;
@@ -90,10 +90,10 @@ body {
   text-size-adjust: 100%;
 }
 ::-moz-selection {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
 }
 ::selection {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
 }

data/vendor/assets/stylesheets/_sidebar.scss

@@ -7,8 +7,8 @@
 /* # Sidebar
 ================================================== */
 .sidebar {
-  background: rgba(255,255,255,1);
-  border-left: 2px solid rgba(245,248,250,1);
+  background: $color-white;
+  border-left: 2px solid $color-haze-light;
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
@@ -16,11 +16,11 @@
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 2px solid rgba(245,248,250,1);
+  border-right: 2px solid $color-haze-light;
   border-left: 0;
 }
 .sidebar-header {
-  border-bottom: 1px solid rgba(245,248,250,1);
+  border-bottom: 1px solid $color-haze-light;
   font-size: 12px;
   line-height: 12px;
   padding: 12px 20px 10px 10px;
@@ -49,7 +49,7 @@
   padding-left: 20px;
 }
 .sidebar-scrollable {
-  border-bottom: 1px solid rgba(245,248,250,1);
+  border-bottom: 1px solid $color-haze-light;
   height: auto;
   max-height: calc(50% - 60px);
   -webkit-overflow-scrolling: touch;
@@ -61,8 +61,8 @@
 ================================================== */
 .sidebar-dark,
 .sidebar-primary { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark { background: rgba(35,41,55,1); }
-.sidebar-primary { background: $primary-color; }
+.sidebar-dark { background: $color-black; }
+.sidebar-primary { background: $color-primary; }
 .sidebar-dark.sidebar-alt,
 .sidebar-dark > .sidebar-header,
 .sidebar-dark > .sidebar-scrollable,
@@ -70,14 +70,14 @@
 .sidebar-primary > .sidebar-header,
 .sidebar-primary > .sidebar-scrollable { border-color: rgba(0,0,0,0.2); }
 .sidebar-dark > .sidebar-header > h6,
-.sidebar-primary > .sidebar-header > h6 { color: rgba(255,255,255,1); }
+.sidebar-primary > .sidebar-header > h6 { color: $color-white; }
 .sidebar-light {
-  background: rgba(245,248,250,1);
-  border-color: rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
 }
 .sidebar-light.sidebar-alt,
 .sidebar-light > .sidebar-header,
-.sidebar-light > .sidebar-scrollable { border-color: rgba(225,232,237,1); }
+.sidebar-light > .sidebar-scrollable { border-color: $color-haze-dark; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_spinner.scss

@@ -138,24 +138,24 @@
   0% {
     -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
+    box-shadow: $color-primary 0 0 23px 0, $color-primary -20px -20px 0 0, $color-primary 20px -20px 0 0, $color-primary 20px 20px 0 0, $color-primary -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
+    box-shadow: $color-primary 0 0 23px 0, $color-primary 20px 20px 0 0, $color-primary -20px 20px 0 0, $color-primary -20px -20px 0 0, $color-primary 20px -20px 0 0;
   }
 }
 @keyframes spinnerFlower {
   0% {
     -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
+    box-shadow: $color-primary 0 0 23px 0, $color-primary -20px -20px 0 0, $color-primary 20px -20px 0 0, $color-primary 20px 20px 0 0, $color-primary -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
+    box-shadow: $color-primary 0 0 23px 0, $color-primary 20px 20px 0 0, $color-primary -20px 20px 0 0, $color-primary -20px -20px 0 0, $color-primary 20px -20px 0 0;
   }
 }
 @-webkit-keyframes spinnerOrbit {
@@ -381,14 +381,14 @@
 .spinner-wave div,
 .spinner-wobbler,
 .spinner-wobbler::after  {
-  border: 1px solid $primary-color;
+  border: 1px solid $color-primary;
   border-radius: 500px;
   box-sizing: border-box;
 }
 .spinner-beat {
   -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
   animation: spinnerBeat 1.3s infinite ease-in-out;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-width: 2px;
 }
 .spinner-circle-container-1 div,
@@ -396,7 +396,7 @@
 .spinner-circle-container-3 div {
   -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
   animation: spinnerCircle 1.2s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   height: 15px;
   position: absolute;
   width: 15px;
@@ -438,7 +438,7 @@
 .spinner-chase-2 {
   -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
   animation: spinnerChaseBounce 2.0s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   display: inline-block;
   height: 60%;
   position: absolute;
@@ -466,8 +466,8 @@
 .spinner-cube-9 {
   -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
   animation: spinnerCube 1.3s infinite ease-in-out;
-  background: $primary-color;
-  border-color: rgba(255,255,255,1);
+  background: $color-primary;
+  border-color: $color-white;
   float: left;
   height: 33%;
   width: 33%;
@@ -479,7 +479,7 @@
 .spinner-double-bounce-2 {
   -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
   animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   border-radius: 50%;
   height: 100%;
   left: 0;
@@ -491,7 +491,7 @@
 .spinner-flower {
   -webkit-animation: spinnerFlower 5s infinite ease-in-out;
   animation: spinnerFlower 5s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   height: 23px;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
@@ -502,19 +502,19 @@
   animation: spinnerOrbit 1s linear infinite;
 }
 .spinner-orbit-1 {
-  background: $primary-color;
+  background: $color-primary;
   height: 20px;
   width: 20px;
 }
 .spinner-pulse {
   -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
   animation: spinnerPulse 1.0s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
 }
 .spinner-rotating-plane {
   -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
   animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   border-radius: 0;
   height: 100px;
   width: 100px;
@@ -523,7 +523,7 @@
 .spinner-triple-bounce div {
   -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
   animation: spinnerTripleBounce 1.4s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   display: inline-block;
   height: 25px;
   width: 25px;
@@ -536,7 +536,7 @@
 .spinner-wander-2 {
   -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
   animation: spinnerWander 1.8s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   border-radius: 0;
   height: 20px;
   left: 0;
@@ -548,7 +548,7 @@
 .spinner-wave div {
   -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
   animation: spinnerWave 1.2s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   border-radius: 0;
   display: inline-block;
   height: 100%;
@@ -561,7 +561,7 @@
 .spinner-wobbler::after {
   -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
   animation: spinnerWobbler 15s infinite ease-in-out;
-  background: $primary-color;
+  background: $color-primary;
   content: '';
   height: 20px;
   left: 5px;

data/vendor/assets/stylesheets/_swoggle.scss

@@ -14,10 +14,10 @@
   z-index: -1;
 }
 .swoggle {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   border-radius: 500px;
-  border: 1px solid rgba(245,248,250,1);
-  color: rgba(35,41,55,1);
+  border: 1px solid $color-haze-light;
+  color: $color-black;
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
@@ -49,7 +49,7 @@
   vertical-align: middle;
 }
 .swoggle label {
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-radius: 500px;
   margin-bottom: 0;
   margin-top: 0;
@@ -81,38 +81,38 @@
 .swoggle.swoggle-on.swoggle-purple,
 .swoggle.swoggle-on.swoggle-red,
 .swoggle.swoggle-on.swoggle-smoke,
-.swoggle.swoggle-on.swoggle-yellow { color: rgba(255,255,255,1); }
+.swoggle.swoggle-on.swoggle-yellow { color: $color-white; }
 .swoggle.swoggle-on.swoggle-black {
-  background: rgba(35,41,55,1);
-  border-color: rgba(35,41,55,1);
+  background: $color-black;
+  border-color: $color-black;
 }
 .swoggle.swoggle-on.swoggle-blue {
-  background: rgba(0,102,255,1);
-  border-color: rgba(0,102,255,1);
+  background: $color-blue;
+  border-color: $color-blue;
 }
 .swoggle.swoggle-on.swoggle-green {
-  background: rgba(0,200,0,1);
-  border-color: rgba(0,200,0,1);
+  background: $color-green;
+  border-color: $color-green;
 }
 .swoggle.swoggle-on.swoggle-orange {
-  background: rgba(255,82,0,1);
-  border-color: rgba(255,82,0,1);
+  background: $color-orange;
+  border-color: $color-orange;
 }
 .swoggle.swoggle-on.swoggle-purple {
-  background: rgba(128,0,255,1);
-  border-color: rgba(128,0,255,1);
+  background: $color-purple;
+  border-color: $color-purple;
 }
 .swoggle.swoggle-on.swoggle-red {
-  background: rgba(240,35,17,1);
-  border-color: rgba(240,35,17,1);
+  background: $color-red;
+  border-color: $color-red;
 }
 .swoggle.swoggle-on.swoggle-smoke {
-  background: rgba(85,94,113,1);
-  border-color: rgba(85,94,113,1);
+  background: $color-gray-dark;
+  border-color: $color-gray-dark;
 }
 .swoggle.swoggle-on.swoggle-yellow {
-  background: rgba(255,245,0,1);
-  border-color: rgba(255,245,0,1);
+  background: $color-yellow;
+  border-color: $color-yellow;
 }
 .swoggle.swoggle-animate div {
   -webkit-transition: margin-left 0.5s;

data/vendor/assets/stylesheets/_table.scss

@@ -15,8 +15,8 @@ table {
 .table caption,
 .table th,
 .table td {
-  background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  background: $color-white;
+  border-top: 1px solid $color-haze-dark;
   font-size: 16px;
   line-height: 25px;
   padding: 9px 10px 6px 10px;
@@ -30,7 +30,7 @@ table {
   font-weight: bold;
   padding: 7px 10px 7px 10px;
 }
-.table th a { color: rgba(35,41,55,1); }
+.table th a { color: $color-black; }
 .table th.tablespy-sort-asc:before {
   content: "\f3d8";
   float: right;
@@ -58,9 +58,9 @@ table {
 .table th.tablespy-sort-empty:before { content: ""; }
 .table th.tablespy-sort-empty { pointer-events: none; }
 .table caption {
-  border-bottom: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid $color-haze-dark;
   border-top: 0;
-  color: rgba(85,94,113,1);
+  color: $color-black;
   font-size: 15px;
   font-weight: bold;
   letter-spacing: 1px;
@@ -73,7 +73,7 @@ table {
 .table colgroup + thead tr:first-child td,
 .table thead:first-child tr:first-child th,
 .table thead:first-child tr:first-child td { border-top: 0; }
-.table tbody + tbody { border-top: 1px solid rgba(225,232,237,1); }
+.table tbody + tbody { border-top: 1px solid $color-haze-dark; }
 .table-align-bottom th,
 .table-align-bottom td { vertical-align: bottom; }
 .table-align-top th,
@@ -89,16 +89,16 @@ table {
   padding: 5px 5px 3px 5px;
 }
 .table-bordered {
-  border: 1px solid rgba(225,232,237,1);
+  border: 1px solid $color-haze-dark;
   border-collapse: separate;
   border-left: 0;
 }
 .table-bordered caption {
-  border: 1px solid rgba(225,232,237,1);
+  border: 1px solid $color-haze-dark;
   border-bottom-width: 0;
 }
 .table-bordered th,
-.table-bordered td { border-left: 1px solid rgba(225,232,237,1); }
+.table-bordered td { border-left: 1px solid $color-haze-dark; }
 .table-bordered caption + thead tr:first-child th,
 .table-bordered caption + tbody tr:first-child th,
 .table-bordered caption + tbody tr:first-child td,
@@ -109,9 +109,9 @@ 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: rgba(245,248,250,1); }
+.table-striped tbody > tr:nth-child(odd) > th { background: $color-haze-light; }
 .table-hover tbody tr:hover > td,
-.table-hover tbody tr:hover > th { background: rgba(240,243,245,1); }
+.table-hover tbody tr:hover > th { background: $color-haze; }
 .table-unbordered,
 .table-unbordered thead,
 .table-unbordered tbody,
@@ -126,7 +126,7 @@ table {
 ================================================== */
 @media only screen and (max-width: 960px) {
   .table-responsive {
-    border: 1px solid rgba(225,232,237,1);
+    border: 1px solid $color-haze-dark;
     max-height: 300px;
     -webkit-overflow-scrolling: touch;
     overflow: scroll;

data/vendor/assets/stylesheets/_timepicker.scss

@@ -17,7 +17,7 @@
   z-index: 1060;
 }
 .timepicker-widget.dropdown-menu:before {
-  border-bottom: 7px solid rgba(230,237,242,1);
+  border-bottom: 7px solid $color-haze-dark;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   content: "";
@@ -25,7 +25,7 @@
   position: absolute;
 }
 .timepicker-widget.dropdown-menu:after {
-  border-bottom: 6px solid rgba(230,237,242,1);
+  border-bottom: 6px solid $color-haze-dark;
   border-right: 6px solid transparent;
   border-left: 6px solid transparent;
   content: "";
@@ -40,12 +40,12 @@
 .timepicker-widget.timepicker-orient-top:after { top: -6px; }
 .timepicker-widget.timepicker-orient-bottom:before {
   border-bottom: 0;
-  border-top: 7px solid rgba(230,237,242,1);
+  border-top: 7px solid $color-haze-dark;
   bottom: -7px;
 }
 .timepicker-widget.timepicker-orient-bottom:after {
   border-bottom: 0;
-  border-top: 6px solid rgba(230,237,242,1);
+  border-top: 6px solid $color-haze-dark;
   bottom: -6px;
 }
 .timepicker-widget > table {
@@ -61,7 +61,7 @@
 .timepicker-widget > table td:not(.separator) { min-width: 30px; }
 .timepicker-widget > table td span { width: 100%; }
 .timepicker-widget > table td > a {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   display: inline-block;
   margin: 0;
   padding: 8px 0;
@@ -71,6 +71,6 @@
 .timepicker-widget > table td > a:hover,
 .timepicker-widget > table td > a:active,
 .timepicker-widget > table td > a:focus {
-  color: $primary-color;
+  color: $color-primary;
   text-decoration: none;
 }