active_frontend 12.4.32 → 13.0.0

data/vendor/assets/stylesheets/_image.scss

@@ -30,4 +30,4 @@ img {
 ================================================== */
 @media only screen and (max-width: 767px) {
   .img-icon { max-width: 60%; }
-}
+}

data/vendor/assets/stylesheets/_label_and_badge.scss

@@ -101,4 +101,4 @@ $onwhite-colors: (
   }
   .badge-#{$name}.badge-outline,
   .label-#{$name}.label-outline { color: $color; }
-}
+}

data/vendor/assets/stylesheets/_link.scss

@@ -1,6 +1,36 @@
 /* Table of Contents
 ==================================================
-# Link */
+# Variables
+# Link
+# State */
+
+/* # Variables
+================================================== */
+$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-haze: $color-dark-haze,
+  haze: $color-haze,
+  light-haze: $color-light-haze,
+  white: $color-white,
+  lime: $color-lime,
+  green: $color-green,
+  teal: $color-teal,
+  blue: $color-blue,
+  indigo: $color-indigo,
+  purple: $color-purple,
+  pink: $color-pink,
+  red: $color-red,
+  orange: $color-orange,
+  yellow: $color-yellow,
+  primary: $color-primary,
+  secondary: $color-secondary,
+  tertiary: $color-tertiary
+);
 
 /* # Link
 ================================================== */
@@ -13,4 +43,13 @@ a {
 a[disabled] {
   cursor: not-allowed;
   pointer-events: none;
-}
+}
+
+/* # State
+================================================== */
+@each $name, $color in $colors {
+  .link-state-#{$name}:hover,
+  .link-state-#{$name}.active,
+  .link-state-#{$name}:active,
+  .link-state-#{$name}.focus { color: $color !important; }
+}

data/vendor/assets/stylesheets/_list.scss

@@ -71,8 +71,8 @@ ol { padding-left: 23px; }
   padding-right: 0;
 }
 .list-lined > li:first-child { border: 0; }
-.list-striped > li:nth-child(odd) { background: $color-light-haze; }
-.list-hover > li:hover { background: darken($color-light-haze, 2%); }
+.list-striped > li:nth-child(odd) { background: lighten($color-light-haze, 2%); }
+.list-hover > li:hover { background: $color-light-haze }
 
 /* # Sizes
 ================================================== */
@@ -119,4 +119,4 @@ only screen and (                min-resolution: 2dppx) {
   .list-bordered > li:last-child,
   .list-bordered.list-scrollable,
   .list-lined > li { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_loader.scss

@@ -68,4 +68,4 @@
 ================================================== */
 .loader-dark { background: $color-black; }
 .loader-light { background: $color-haze; }
-.loader-white { background: $color-white; }
+.loader-white { background: $color-white; }

data/vendor/assets/stylesheets/_map.scss

@@ -41,4 +41,4 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .map { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_missive.scss

@@ -71,4 +71,4 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .missive { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_mixin.scss

@@ -92,4 +92,4 @@
   -webkit-user-select: $select;
       -ms-user-select: $select;
           user-select: $select;
-}
+}

data/vendor/assets/stylesheets/_modal.scss

@@ -201,4 +201,4 @@ only screen and (                min-resolution: 2dppx) {
   .modal-footer-btn { border-width: 0.5px; }
   .modal-footer-btn:last-child { border-right: 0; }
   .modal-header > h3 { letter-spacing: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -227,4 +227,4 @@ only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .nav-list > .divider { height: 0.5px; }
   .nav-tabs { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_navbar.scss

@@ -11,9 +11,10 @@
   background: $color-white;
   border-collapse: separate;
   border-top: 1px solid $color-haze;
+  box-sizing: border-box;
   color: $color-dark-black;
   display: table;
-  height: 49px;
+  height: 50px;
   line-height: 1;
   table-layout: fixed;
   width: 100%;
@@ -21,7 +22,7 @@
 .navbar > a {
   display: table-cell;
   float: none;
-  font-size: 27px;
+  font-size: 24px;
   text-align: center;
   vertical-align: middle;
   width: 1%;
@@ -30,18 +31,6 @@
 .navbar > a.active,
 .navbar > a:active,
 .navbar > a:focus { color: $color-primary; }
-.navbar > a.filled {
-  background: $color-primary;
-  color: $color-white;
-}
-.navbar > a.filled:hover,
-.navbar > a.filled.active,
-.navbar > a.filled:active,
-.navbar > a.filled:focus { background: darken($color-primary, 5%); }
-.navbar > a > i {
-  display: inline-block;
-  margin-top: 2px;
-}
 
 /* # Styles
 ================================================== */
@@ -50,8 +39,9 @@
   position: fixed;
   min-width: inherit;
   width: inherit;
-  z-index: 1030;
+  z-index: 1040;
 }
+.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
 
 /* # Colors
 ================================================== */
@@ -60,10 +50,12 @@
   border-color: $color-dark-black;
   color: $color-white;
 }
+.navbar-dark.navbar-shadow { box-shadow: 0 0 3px $color-dark-black; }
 .navbar-light {
   background: $color-light-haze;
   border-color: $color-dark-haze;
 }
+.navbar-light.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
 
 /* # Media Queries
 ================================================== */
@@ -78,4 +70,4 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .navbar { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_pagination.scss

@@ -11,13 +11,15 @@
   display: inline-block;
   margin: 0;
   padding: 0;
+  vertical-align: middle;
 }
 .pagination > ul > li {
   display: inline-block;
   font-size: 14px;
   font-weight: normal;
-  line-height: 14px;
+  line-height: 1;
   margin-right: 2px;
+  vertical-align: middle;
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active {
@@ -27,6 +29,7 @@
   min-width: 8px;
   text-align: center;
   text-decoration: none;
+  vertical-align: middle;
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active { padding: 10px 12px 8px 12px; }
@@ -37,9 +40,10 @@
 }
 .pagination > ul > li > a:hover,
 .pagination > ul > li > a:focus { background: $color-light-haze; }
-.pagination > ul > li.pagination-icon > a { padding: 9px 10px 7px 10px; }
-.pagination > ul > li.pagination-icon:first-child > a { padding-right: 13px; }
-.pagination > ul > li.pagination-icon:last-child > a { padding-left: 13px; }
+.pagination > ul > li.pagination-icon > a {
+  font-size: 18px;
+  padding: 7px;
+}
 
 /* # Alignments
 ================================================== */
@@ -64,4 +68,4 @@
 .pagination-light > ul > li.active {
   background: $color-primary;
   color: $color-white;
-}
+}

data/vendor/assets/stylesheets/_panel.scss

@@ -34,8 +34,8 @@
   padding: 0;
 }
 .panel-header .btn {
-  margin-bottom: -4px;
-  margin-top: -6px;
+  margin-bottom: -6px;
+  margin-top: -8px;
 }
 .panel-body { padding: 15px; }
 .panel-body-chart {
@@ -61,7 +61,7 @@
   color: $color-white;
 }
 .panel-light {
-  background: $color-light-haze;
+  background: lighten($color-light-haze, 2%);
   border-color: $color-dark-haze;
 }
 
@@ -77,4 +77,4 @@ only screen and (                min-resolution: 2dppx) {
   .panel,
   .panel-header,
   .panel-footer { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_placeholder.scss

@@ -16,9 +16,9 @@
   border-radius: 500px;
   color: $color-white;
   display: inline-block;
-  font-size: 86px;
+  font-size: 64px;
   height: 120px;
-  line-height: 130px;
+  line-height: 110px;
   width: 120px;
 }
 .placeholder > h6 {
@@ -45,7 +45,6 @@
   display: inline-block;
   font-size: 256px;
   height: initial;
-  line-height: 0;
   width: initial;
 }
 
@@ -62,4 +61,4 @@
     font-size: 196px;
     line-height: 1;
   }
-}
+}

data/vendor/assets/stylesheets/_popover.scss

@@ -38,7 +38,7 @@
   padding: 10px 15px;
 }
 .popover-title {
-  background: $color-light-haze;
+  background: lighten($color-light-haze, 2%);
   border-bottom: 1px solid $color-dark-haze;
   font-weight: bold;
   line-height: 18px;
@@ -125,4 +125,4 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .popover-title { border-width: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_progress.scss

@@ -83,4 +83,4 @@ $colors: (
   @include background-size(40px 40px);
   @include transition(width 0.6s ease);
 }
-.progress > .bar-striped.active { @include animation(progress-bar-stripes 2s linear infinite); }
+.progress > .bar-striped.active { @include animation(progress-bar-stripes 2s linear infinite); }

data/vendor/assets/stylesheets/_reset.scss

@@ -108,10 +108,12 @@ body {
 
 /* # Color
 ================================================== */
-.html-dark { background: $color-black; }
 .html-dark,
-.html-dark body { color: $color-white; }
-.html-light { background: $color-light-haze; }
+.html-dark body {
+  background: $color-black;
+  color: $color-white;
+}
+.html-light { background: lighten($color-light-haze, 2%); }
 
 /* # Style
 ================================================== */
@@ -135,4 +137,4 @@ body {
     background: rgba(0,0,0,0.6);
     border-radius: 500px;
   }
-}
+}

data/vendor/assets/stylesheets/_sidebar.scss

@@ -24,43 +24,12 @@
   border-color: inherit;
   border-left: 0;
 }
-.sidebar-title {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  font-family: $typography-heading;
-  font-size: 18px;
-  font-weight: 500;
-  height: 60px;
-  letter-spacing: 5px;
-  line-height: 1;
-  padding: 13px 0;
-  text-align: center;
-  text-indent: -5px;
-  text-transform: uppercase;
-  vertical-align: middle;
-}
-.sidebar-title i {
-  color: $color-primary;
-  font-size: 32px;
-  letter-spacing: 0;
-  margin: 0 10px 0 5px;
-  text-indent: 0;
-  vertical-align: middle;
-}
-.sidebar-title img {
-  border-radius: 0;
-  margin: 0 auto;
-  padding-top: 5px;
-  width: 80%;
-  vertical-align: middle;
-}
 .sidebar-header {
   border-bottom: 1px solid;
   border-color: inherit;
   box-sizing: border-box;
   display: table;
-  font-size: 12px;
+  font-size: 13px;
   line-height: 1;
   table-layout: fixed;
   vertical-align: middle;
@@ -85,12 +54,10 @@
 .sidebar-header h4,
 .sidebar-header h5,
 .sidebar-header h6 {
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 1px;
+  font-size: 13px;
+  font-weight: bold;
   margin: 0;
-  padding: 10px;
-  text-transform: uppercase;
+  padding: 10px 10px 9px 10px;
 }
 .sidebar-header-btn {
   border-left: 1px solid;
@@ -105,99 +72,22 @@
 .sidebar-header-btn.active,
 .sidebar-header-btn:active,
 .sidebar-header-btn:focus { background: $color-light-haze; }
-.sidebar-footer {
-  border-top: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  display: block;
-  font-size: 10px;
-  line-height: 1;
-  padding: 10px;
-  vertical-align: middle;
-  max-width: 100%;
-  width: 100%;
-}
-.sidebar-navbar {
-  border-collapse: separate;
-  border-bottom: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  display: table;
-  height: 40px;
-  table-layout: fixed;
-  width: 100%;
-}
-.sidebar-navbar > a {
-  background: $color-light-haze;
-  border-right: 1px solid;
-  border-color: inherit;
-  display: table-cell;
-  float: none;
-  font-size: 18px;
-  padding-top: 10px;
-  text-align: center;
-  width: 1%;
-}
-.sidebar-navbar > a:last-child { border: 0; }
-.sidebar-navbar > a:hover,
-.sidebar-navbar > a.active,
-.sidebar-navbar > a:active,
-.sidebar-navbar > a:focus {
-  background: $color-transparent !important;
-  color: $color-primary;
-}
-.sidebar-navbar-indicator {
-  background: $color-primary;
-  border-radius: 500px;
-  display: inline-block;
-  height: 8px;
-  margin: -7px 0 0 -13px;
-  position: absolute;
-  width: 8px;
-}
-.sidebar-form {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  padding: 10px;
-}
-.sidebar-form button,
-.sidebar-form input,
-.sidebar-form select,
-.sidebar-form textarea,
-.sidebar-form .form-select,
-.sidebar-form .form-input-group,
-.sidebar-form .form-file-group {
-  float: none;
-  margin: 0 !important;
-}
-.sidebar-form-mesh input,
-.sidebar-form-mesh select,
-.sidebar-form-mesh textarea {
-  border-left: 0;
-  border-right: 0;
-  border-top: 0;
-  border-radius: 0;
-  margin: 0;
-}
 .sidebar-content {
   border-color: inherit;
   box-sizing: border-box;
-  height: calc(100% - 30px);
+  height: 100%;
   @include overflow-scrolling(touch);
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px;
 }
-.sidebar-content-with-title { height: calc(100% - 91px); }
-.sidebar-content-with-footer { height: calc(100% - 61px); }
-.sidebar-content-with-title-and-footer { height: calc(100% - 122px); }
+.sidebar-header + .sidebar-content { height: calc(100% - 32px); }
 .sidebar-content-unpadded { padding: 0; }
 .sidebar-scrollable {
   border-bottom: 1px solid;
   border-color: inherit;
-  height: calc(50% - 50px);
+  height: calc(50% - 64px);
 }
-.sidebar-scrollable-with-title { height: calc(50% - 91px); }
 
 /* # Colors
 ================================================== */
@@ -212,7 +102,7 @@
 .sidebar-dark .sidebar-header-btn:focus,
 .sidebar-dark .sidebar-navbar > a { background: $color-light-black; }
 .sidebar-light {
-  background: $color-light-haze;
+  background: lighten($color-light-haze, 2%);
   border-color: $color-dark-haze !important;
 }
 .sidebar-light .sidebar-header-btn:hover,
@@ -252,29 +142,7 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .sidebar,
-  .sidebar-title,
   .sidebar-header,
   .sidebar-header-btn,
-  .sidebar-footer,
-  .sidebar-navbar,
-  .sidebar-navbar > a,
-  .sidebar-form,
-  .sidebar-form button,
-  .sidebar-form input,
-  .sidebar-form select,
-  .sidebar-form textarea,
-  .sidebar-form .form-select,
-  .sidebar-form .form-input-group,
-  .sidebar-form .form-file-group,
-  .sidebar-form-mesh input,
-  .sidebar-form-mesh select,
-  .sidebar-form-mesh textarea,
   .sidebar-scrollable { border-width: 0.5px; }
-  .sidebar-header h1,
-  .sidebar-header h2,
-  .sidebar-header h3,
-  .sidebar-header h4,
-  .sidebar-header h5,
-  .sidebar-header h6 { letter-spacing: 0.5px; }
-  .sidebar-navbar-indicator { margin: -6.5px 0 0 -10.5px; }
-}
+}

data/vendor/assets/stylesheets/_slider.scss

@@ -55,7 +55,7 @@
   width: 0;
 }
 .slider.slider-horizontal .slider-tick-label-container {
-  font-size: 11px;
+  font-size: 13px;
   font-weight: bold;
   margin-top: 20px;
   white-space: nowrap;
@@ -114,10 +114,10 @@
   position: absolute;
 }
 .slider-track,
-.slider.slider-disabled .slider-track { background: $color-haze; }
+.slider.slider-disabled .slider-track { background: $color-light-haze; }
 .slider-selection,
 .slider-selection.tick-slider-selection,
-.slider.slider-disabled .slider-handle { background: $color-dark-haze; }
+.slider.slider-disabled .slider-handle { background: $color-haze; }
 .slider-track-low,
 .slider-track-high { background: $color-transparent; }
 .slider.slider-disabled .slider-track,
@@ -134,8 +134,8 @@
   width: 16px;
 }
 .slider-handle { background: $color-primary; }
-.slider-tick { background: $color-haze; }
-.slider-tick.in-selection { background: $color-dark-haze; }
+.slider-tick { background: $color-light-haze; }
+.slider-tick.in-selection { background: $color-haze; }
 .slider-handle.round,
 .slider-tick.round { border-radius: 500px; }
 .slider-handle.custom,
@@ -144,8 +144,8 @@
 .slider-tick.triangle { background: $color-transparent none; }
 .slider-handle.custom::before,
 .slider-tick.custom::before {
-  line-height: 16px;
-  font-size: 16px;
+  color: $color-haze;
   content: '\2605';
-  color: $color-dark-haze;
-}
+  font-size: 16px;
+  line-height: 16px;
+}

data/vendor/assets/stylesheets/_spinner.scss

@@ -491,7 +491,7 @@
 }
 .spinner-orbit,
 .spinner-orbit-child  {
-  border: 1px solid $color-primary;
+  border: 2px solid $color-primary;
   border-radius: 500px;
   box-sizing: border-box;
 }
@@ -499,6 +499,7 @@
 .spinner-orbit-child {
   background: $color-primary;
   height: 20px;
+  margin-top: -2px;
   width: 20px;
 }
 .spinner-plane-rotating {
@@ -521,6 +522,7 @@
 .spinner-wave-child {
   @include animation(spinner-wave 1.2s infinite ease-in-out);
   background: $color-primary;
+  border-radius: 2px;
   display: inline-block;
   height: 100%;
   width: 6px;
@@ -532,12 +534,12 @@
 .spinner-wave-child-5 { @include animation-delay(-0.8s); }
 .spinner-wobbler,
 .spinner-wobbler::after  {
-  border: 1px solid $color-primary;
+  border: 2px solid $color-primary;
   border-radius: 500px;
   box-sizing: border-box;
 }
 .spinner-wobbler {
-  height: 26px;
+  height: 28px;
   width: 150px;
 }
 .spinner-wobbler::after {
@@ -567,4 +569,4 @@
 /* # Colors
 ================================================== */
 .spinner-dark { background: transparentize($color-black, 0.1); }
-.spinner-light { background: transparentize($color-haze, 0.1); }
+.spinner-light { background: transparentize($color-haze, 0.1); }