active_frontend 6.6.2 → 7.0.0

data/vendor/assets/stylesheets/_list.scss

@@ -38,13 +38,13 @@ ol { padding-left: 23px; }
 .list-lined > li,
 .list-striped > li { padding: 9px 10px 6px 10px; }
 .list-bordered > li {
-  border: 1px solid rgba(225,232,237,1);
+  border: 1px solid $color-haze-dark;
   border-bottom: none;
 }
-.list-bordered > li:last-child { border-bottom: 1px solid rgba(225,232,237,1); }
+.list-bordered > li:last-child { border-bottom: 1px solid $color-haze-dark; }
 .list-bordered.list-scrollable {
-  border-bottom: 1px solid rgba(225,232,237,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid $color-haze-dark;
+  border-top: 1px solid $color-haze-dark;
 }
 .list-bordered.list-scrollable > li:first-child { border-top: 0; }
 .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
@@ -54,12 +54,13 @@ ol { padding-left: 23px; }
 }
 .list-inline > li:last-child { margin-right: 0; }
 .list-lined > li {
-  border-top: 1px solid rgba(225,232,237,1);
+  border-top: 1px solid $color-haze-dark;
   padding-left: 0;
   padding-right: 0;
 }
 .list-lined > li:first-child { border: 0; }
-.list-striped > li:nth-child(odd) { background: rgba(245,248,250,1); }
+.list-striped > li:nth-child(odd) { background: $color-haze-light; }
 .list-bordered.list-small > li,
 .list-lined.list-small > li,
-.list-striped.list-small > li { padding: 5px 5px 3px 5px; }
+.list-striped.list-small > li { padding: 5px 5px 3px 5px; }
+.list-hover > li:hover { background: $color-haze; }

data/vendor/assets/stylesheets/_loader.scss

@@ -23,9 +23,9 @@
   z-index: 9999;
 }
 .loader-backdrop { background: transparent; }
-.loader-bar { background: $primary-color; }
+.loader-bar { background: $color-primary; }
 .loader-peg {
-  box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color;
+  box-shadow: 0 0 10px $color-primary, 0 0 5px $color-primary;
   display: block;
   height: 100%;
   opacity: 1;
@@ -48,8 +48,8 @@
   -webkit-animation: loader-spinner 400ms linear infinite;
   animation: loader-spinner 400ms linear infinite;
   border: solid 2px transparent;
-  border-left-color: $primary-color;
-  border-top-color: $primary-color;
+  border-left-color: $color-primary;
+  border-top-color: $color-primary;
   border-radius: 500px;
   box-sizing: border-box;
   height: 18px;

data/vendor/assets/stylesheets/_map.scss

@@ -5,8 +5,8 @@
 /* # Map
 ================================================== */
 .map {
-  background: rgba(245,248,250,1);
-  border: 1px solid rgba(235,242,247,1);
+  background: $color-haze-light;
+  border: 1px solid $color-haze;
   box-sizing: border-box;
   display: block;
   min-height: 220px;

data/vendor/assets/stylesheets/_modal.scss

@@ -26,7 +26,7 @@
 }
 .modal {
   background-clip: padding-box;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-radius: 3px;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);
   display: none;
@@ -45,14 +45,14 @@
 }
 .modal.fade.in { top: 15%; }
 .modal-header {
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(230,237,242,1);
+  background: $color-white;
+  border-bottom: 1px solid $color-haze;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   padding: 22px 15px 20px 15px;
 }
 .modal-header > h3 {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 14px;
@@ -61,7 +61,7 @@
   text-transform: uppercase;
 }
 .modal-body {
-  border-bottom: 1px solid rgba(230,237,242,1);
+  border-bottom: 1px solid $color-haze;
   max-height: 300px;
   overflow-y: scroll;
   padding: 15px 18px;
@@ -80,10 +80,10 @@ button.modal-footer-btn,
 input.modal-footer-btn {
   -webkit-appearance: none;
   appearance: none;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border: 0;
   box-sizing: border-box;
-  color: rgba(35,41,55,1) !important;
+  color: $color-black !important;
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
@@ -108,13 +108,13 @@ input.modal-footer-btn:last-child { border-bottom-right-radius: 3px; }
 .modal-footer-btn[disabled],
 button.modal-footer-btn[disabled],
 input.modal-footer-btn[disabled] {
-  color: rgba(136,153,166,1) !important;
+  color: $color-gray !important;
   cursor: not-allowed;
 }
 .modal-footer-btn-group > .modal-footer-btn,
 .modal-footer-btn-group > button.modal-footer-btn,
 .modal-footer-btn-group > input.modal-footer-btn {
-  border-right: 1px solid rgba(230,237,242,1);
+  border-right: 1px solid $color-haze;
   width: 50%;
 }
 .modal-footer-btn-group > .modal-footer-btn:last-child,

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -14,7 +14,7 @@
 .nav > .pull-left { float: left; }
 .nav > .pull-right { float: right; }
 .nav > li > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray;
   display: block;
   font-size: 14px;
   font-weight: bold;
@@ -23,14 +23,14 @@
 .nav > li > a:hover,
 .nav > li > a:active,
 .nav > li > a:focus {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   text-decoration: none;
 }
 .nav-header {
-  background: $primary-color;
+  background: $color-primary;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   display: block;
   font-size: 14px;
   font-weight: bold;
@@ -49,22 +49,22 @@
   margin-right: -15px;
 }
 .nav-list > li > a {
-  color: rgba(136,153,166,1);
+  color: $color-gray;
   font-weight: bold;
   padding: 11px 15px;
 }
 .nav-list > li > a:hover,
-.nav-list > li > a:focus { background: rgba(245,248,250,1); }
+.nav-list > li > a:focus { background: $color-haze-light; }
 .nav-list > li > a:active,
 .nav-list > .active > a,
 .nav-list > .active > a:hover,
 .nav-list > .active > a:active,
 .nav-list > .active > a:focus {
-  background: rgba(240,243,245,1);
-  color: rgba(35,41,55,1);
+  background: $color-haze;
+  color: $color-black;
 }
 .nav-list > .divider {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   height: 1px;
   margin: 10px 0 10px 0;
   overflow: hidden;
@@ -79,7 +79,7 @@
 }
 .nav-tabs:after,
 .nav-pills:after { clear: both; }
-.nav-tabs { border-bottom: 1px solid rgba(245,248,250,1); }
+.nav-tabs { border-bottom: 1px solid $color-haze-light; }
 .nav-tabs > li,
 .nav-pills > li { float: left; }
 .nav-tabs > li > a {
@@ -91,33 +91,33 @@
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:active,
 .nav-tabs > .active > a:focus {
-  border-bottom-color: rgba(245,248,250,1);
-  color: $primary-color;
+  border-bottom-color: $color-haze-light;
+  color: $color-primary;
 }
 .nav-tabs .open a.dropdown-toggle { background: transparent; }
 .nav-pills > li > a {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   border-radius: 2px;
-  color: rgba(136,153,166,1);
+  color: $color-gray;
   margin-right: 3px;
   padding: 9px 10px;
 }
 .nav-pills > li > a:hover,
 .nav-pills > li > a:active,
-.nav-pills > li > a:focus { background: rgba(240,243,245,1); }
+.nav-pills > li > a:focus { background: $color-haze; }
 .nav-pills > .active > a,
 .nav-pills > .active > a:hover,
 .nav-pills > .active > a:active,
 .nav-pills > .active > a:focus {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
 }
 .nav-stacked > li { float: none; }
 .nav-stacked > li > a { margin-right: 0; }
 .nav-tabs.nav-stacked { border-bottom: 0; }
 .nav-tabs.nav-stacked > li > a {
-  background: rgba(245,248,250,1);
-  color: rgba(136,153,166,1);
+  background: $color-haze-light;
+  color: $color-gray;
   padding: 10px 10px 8px 10px;
 }
 .nav-tabs.nav-stacked > li:first-child > a {
@@ -131,13 +131,13 @@
 .nav-tabs.nav-stacked > li > a:hover,
 .nav-tabs.nav-stacked > li > a:active,
 .nav-tabs.nav-stacked > li > a:focus {
-  background: rgba(245,248,250,1);
-  color: rgba(35,41,55,1);
+  background: $color-haze-light;
+  color: $color-black;
   z-index: 2;
 }
 .nav-tabs.nav-stacked > .active > a {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
   border-bottom: 0;
   padding: 10px;
 }
@@ -151,8 +151,8 @@
 .nav > li.dropdown.open.active > a:hover,
 .nav > li.dropdown.open.active > a:active,
 .nav > li.dropdown.open.active > a:focus {
-  background: rgba(240,243,245,1);
-  color: rgba(35,41,55,1);
+  background: $color-haze;
+  color: $color-black;
 }
 
 /* # Tab

data/vendor/assets/stylesheets/_navbar.scss

@@ -14,9 +14,9 @@
   z-index: 1030;
 }
 .navbar {
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-collapse: separate;
-  border-top: 2px solid rgba(230,237,242,1);
+  border-top: 2px solid $color-haze;
   box-sizing: border-box;
   display: table;
   height: 48px;
@@ -24,7 +24,7 @@
   width: 100%;
 }
 .navbar > a {
-  color: $primary-color;
+  color: $color-primary;
   display: table-cell;
   float: none;
   font-size: 27px;
@@ -37,13 +37,13 @@
 ================================================== */
 .navbar-dark,
 .navbar-primary { border-color: rgba(0,0,0,0.2); }
-.navbar-dark { background: rgba(35,41,55,1); }
-.navbar-primary { background: $primary-color; }
+.navbar-dark { background: $color-black; }
+.navbar-primary { background: $color-primary; }
 .navbar-dark > a,
-.navbar-primary > a { color: rgba(255,255,255,1); }
+.navbar-primary > a { color: $color-white; }
 .navbar-light {
-  background: rgba(245,248,250,1);
-  border-color: rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
 }
 
 /* # Media Queries

data/vendor/assets/stylesheets/_pagination.scss

@@ -17,9 +17,9 @@
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   border-radius: 500px;
-  color: rgba(35,41,55,1);
+  color: $color-black;
   min-width: 8px;
   padding: 9px 10px 7px 10px;
   text-align: center;
@@ -27,15 +27,15 @@
 }
 .pagination > ul > li > a:active,
 .pagination > ul > li.active {
-  background: $primary-color;
-  color: rgba(255,255,255,1);
+  background: $color-primary;
+  color: $color-white;
 }
 .pagination > ul > li.active {
   padding-bottom: 6px;
   padding-top: 8px;
 }
 .pagination > ul > li > a:hover,
-.pagination > ul > li > a:focus { background: rgba(235,238,240,1); }
+.pagination > ul > li > a:focus { background: $color-haze; }
 .pagination > ul > li.pagination-icon:first-child > a { padding-right: 11px; }
 .pagination > ul > li.pagination-icon:last-child > a { padding-left: 11px; }
 .pagination-centered { text-align: center; }

data/vendor/assets/stylesheets/_panel.scss

@@ -5,26 +5,26 @@
 /* # Panel
 ================================================== */
 .panel {
-  background: rgba(255,255,255,1);
-  border: 1px solid rgba(225,232,237,1);
+  background: $color-white;
+  border: 1px solid $color-haze-dark;
   margin-bottom: 20px;
 }
 .panel-header {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-bottom: 1px solid $color-haze-dark;
   padding: 16px 15px 14px 15px;
 }
 .panel-header > .btn { margin-top: -2px; }
 .panel-header > .btn-group  { margin: -5px 0 -3px 0; }
 .panel-title {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   display: inline-block;
   font-size: 17px;
   line-height: 1;
   margin-bottom: 0;
   margin-top: 0;
 }
-.panel-title > a { color: rgba(35,41,55,1); }
+.panel-title > a { color: $color-black; }
 .panel-body { padding: 15px; }
 .panel-body-chart {
   margin-bottom: -10px;
@@ -35,7 +35,7 @@
   margin-bottom: 0;
 }
 .panel-footer {
-  background: rgba(245,248,250,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-top: 1px solid $color-haze-dark;
   padding: 13px 15px 10px 15px;
 }

data/vendor/assets/stylesheets/_placeholder.scss

@@ -8,9 +8,9 @@
 ================================================== */
 .placeholder { text-align: center; }
 .placeholder > i {
-  background: $primary-color;
+  background: $color-primary;
   border-radius: 500px;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   display: inline-block;
   font-size: 86px;
   height: 120px;
@@ -18,12 +18,12 @@
   width: 120px;
 }
 .placeholder > h6 {
-  color: rgba(85,94,113,1);
+  color: $color-gray-dark;
   letter-spacing: 1px;
   text-transform: uppercase;
 }
 .placeholder > p {
-  color: rgba(136,153,166,1);
+  color: $color-gray;
   font-size: 14px;
   line-height: 22px;
 }
@@ -32,7 +32,7 @@
 ================================================== */
 .placeholder-large > i {
   background: transparent;
-  color: rgba(85,94,113,1);
+  color: $color-gray-dark;
   display: inline-block;
   font-size: 256px;
   height: initial;
@@ -40,7 +40,7 @@
   width: initial;
 }
 .placeholder-divider {
-  background: rgba(245,248,250,1);
+  background: $color-haze-light;
   border-radius: 500px;
   height: 8px;
   margin: 20px auto;

data/vendor/assets/stylesheets/_popover.scss

@@ -6,9 +6,9 @@
 ================================================== */
 .popover {
   background-clip: padding-box;
-  background: rgba(255,255,255,1);
-  border: 1px solid rgba(225,232,237,1);
-  box-shadow: 0 0 3px rgba(225,232,237,1);
+  background: $color-white;
+  border: 1px solid $color-haze-dark;
+  box-shadow: 0 0 3px $color-haze-dark;
   display: none;
   float: none;
   font-style: normal;
@@ -29,7 +29,7 @@
 .popover.left { margin-left: -10px; }
 .popover-title,
 .popover-content {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 14px;
   letter-spacing: 0;
@@ -37,14 +37,14 @@
   padding: 10px 15px;
 }
 .popover-title {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-bottom: 1px solid $color-haze-dark;
   font-weight: bold;
   line-height: 18px;
 }
 .popover-title:empty { display: none; }
 .popover-content {
-  background: rgba(255,255,255,1);
+  background: $color-white;
   font-weight: normal;
   line-height: 20px;
 }
@@ -64,53 +64,53 @@
 }
 .popover.top > .arrow {
   border-bottom-width: 0;
-  border-top-color: rgba(235,238,240,1);
+  border-top-color: $color-haze;
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
 }
 .popover.top > .arrow:after {
   border-bottom-width: 0;
-  border-top-color: rgba(255,255,255,1);
+  border-top-color: $color-white;
   bottom: 1px;
   margin-left: -10px;
 }
 .popover.right > .arrow {
-  border-right-color: rgba(235,238,240,1);
+  border-right-color: $color-haze;
   border-left-width: 0;
   left: -11px;
   margin-top: -11px;
   top: 50%;
 }
 .popover.right > .arrow:after {
-  border-right-color: rgba(255,255,255,1);
+  border-right-color: $color-white;
   border-left-width: 0;
   bottom: -10px;
   left: 1px;
 }
 .popover.bottom > .arrow {
-  border-bottom-color: rgba(235,238,240,1);
+  border-bottom-color: $color-haze;
   border-top-width: 0;
   left: 50%;
   margin-left: -11px;
   top: -11px;
 }
 .popover.bottom > .arrow:after {
-  border-bottom-color: rgba(255,255,255,1);
+  border-bottom-color: $color-white;
   border-top-width: 0;
   margin-left: -10px;
   top: 1px;
 }
 .popover.left > .arrow {
   border-right-width: 0;
-  border-left-color: rgba(235,238,240,1);
+  border-left-color: $color-haze;
   margin-top: -11px;
   right: -11px;
   top: 50%;
 }
 .popover.left > .arrow:after {
   border-right-width: 0;
-  border-left-color: rgba(255,255,255,1);
+  border-left-color: $color-white;
   bottom: -10px;
   right: 1px;
 }