active_frontend 10.2.10 → 10.3.0

data/vendor/assets/stylesheets/_aside.scss

@@ -6,8 +6,8 @@
 /* # Aside
 ================================================== */
 .aside {
-  background-clip: padding-box;
   background: $color-white;
+  background-clip: padding-box;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);
   display: none;
   height: 100%;
@@ -27,14 +27,16 @@
 .aside.fade {
   right: -100%;
   -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-  transition: opacity 0.3s linear, right 0.3s ease-out;
+      -ms-transition: opacity 0.3s linear, right 0.3s ease-out;
+          transition: opacity 0.3s linear, right 0.3s ease-out;
   top: 0;
 }
 .aside-left.fade {
   left: -100%;
   right: 0;
   -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-  transition: opacity 0.3s linear, left 0.3s ease-out;
+      -ms-transition: opacity 0.3s linear, left 0.3s ease-out;
+          transition: opacity 0.3s linear, left 0.3s ease-out;
 }
 .aside.fade.in {
   right: 0;
@@ -48,10 +50,10 @@
   background: $color-white;
   border-bottom: 1px solid $color-haze;
   margin: 0;
-  padding: 21px 0px 19px 0px;
+  padding: 21px 0 19px 0;
   position: absolute;
-  text-transform: uppercase;
   text-align: center;
+  text-transform: uppercase;
   top: 0;
   width: 100%;
   z-index: 1051;
@@ -59,19 +61,19 @@
 .aside-header > h3 {
   color: $color-black;
   font-size: 14px;
-  letter-spacing: 1px;
+  letter-spacing: 1;
   line-height: 14px;
   margin: 0;
-  text-transform: uppercase;
   text-align: center;
+  text-transform: uppercase;
 }
 .aside-body {
   bottom: 0;
   overflow-y: scroll;
   padding: 65px 18px;
   position: absolute;
-  width: calc(100% - 36px);
   top: 0;
+  width: calc(100% - 36px);
   z-index: 1051;
 }
 .aside-body .container { width: 100%; }
@@ -90,7 +92,7 @@
 button.aside-footer-btn,
 input.aside-footer-btn {
   -webkit-appearance: none;
-  appearance: none;
+          appearance: none;
   background: $color-white;
   border-radius: 0;
   border: 0;
@@ -104,10 +106,11 @@ input.aside-footer-btn {
   line-height: 11px;
   margin: 0;
   padding: 22px 0;
+  text-align: center;
+  text-indent: 0;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
-  text-indent: 0;
-  text-align: center;
+  touch-action: manipulation;
   vertical-align: middle;
   width: 100%;
 }

data/vendor/assets/stylesheets/_breadcrumb.scss

@@ -50,7 +50,7 @@
 .breadcrumb-flow > li,
 .breadcrumb-flow > li > a { color: $color-black; }
 .breadcrumb-flow > li.active ~ li,
-.breadcrumb-flow > li.active ~ li > a { color: $color-haze-dark; }
+.breadcrumb-flow > li.active ~ li > a { color: $color-dark-haze; }
 .breadcrumb-flow > li.active,
 .breadcrumb-flow > li > a:hover,
 .breadcrumb-flow > li > a:active,
@@ -77,7 +77,7 @@
 .breadcrumb-flow > li.active:before { background: $color-white; }
 .breadcrumb-flow > li.active ~ li:before {
   background: $color-white;
-  border-color: $color-haze-light;
+  border-color: $color-light-haze;
 }
 .breadcrumb-flow > li + li:after {
   background: $color-primary;
@@ -90,7 +90,7 @@
   width: 100%;
   z-index: 0;
 }
-.breadcrumb-flow > li.active ~ li:after { background: $color-haze-light; }
+.breadcrumb-flow > li.active ~ li:after { background: $color-light-haze; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_button.scss

@@ -1,5 +1,7 @@
 /* Table of Contents
 ==================================================
+# Variables
+# Mixins
 # Button
 # Sizes
 # Colors
@@ -12,13 +14,20 @@
 # Data Toggles
 # Media Queries */
 
+/* # Variables
+================================================== */
+
+/* # Mixins
+================================================== */
+
 /* # Button
 ================================================== */
 .btn {
   -webkit-appearance: none;
-  appearance: none;
-  background: $color-haze-light;
-  border: 1px solid $color-haze-light;
+      -ms-appearance: none;
+          appearance: none;
+  background: $color-light-haze;
+  border: 1px solid $color-light-haze;
   border-radius: 2px;
   box-sizing: border-box;
   color: $color-black;
@@ -37,7 +46,8 @@
   text-transform: uppercase;
   touch-action: manipulation;
   -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
+      -ms-transition: all 0.3s linear;
+          transition: all 0.3s linear;
   vertical-align: middle;
   white-space: nowrap;
 }
@@ -64,7 +74,8 @@
 .btn:active,
 .btn[disabled]:active {
   -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
+      -ms-transition: all 0.1s linear;
+          transition: all 0.1s linear;
 }
 
 /* # Sizes
@@ -106,8 +117,8 @@ input.btn-block {
 .btn-teal,
 .btn-yellow { color: $color-white; }
 .btn-black-light {
-  background: $color-black-light;
-  border-color: $color-black-light;
+  background: $color-light-black;
+  border-color: $color-light-black;
 }
 .btn-black-light:hover,
 .btn-black-light:active,
@@ -118,8 +129,8 @@ input.btn-block {
 .btn-black-light[disabled]:active,
 .btn-black-light[disabled]:focus,
 .open > .dropdown-toggle.btn.btn-black-light {
-  background: darken($color-black-light, 4%);
-  border-color: darken($color-black-light, 4%);
+  background: darken($color-light-black, 4%);
+  border-color: darken($color-light-black, 4%);
 }
 .btn-black {
   background: $color-black;
@@ -138,8 +149,8 @@ input.btn-block {
   border-color: darken($color-black, 4%);
 }
 .btn-black-dark {
-  background: $color-black-dark;
-  border-color: $color-black-dark;
+  background: $color-dark-black;
+  border-color: $color-dark-black;
 }
 .btn-black-dark:hover,
 .btn-black-dark:active,
@@ -150,8 +161,8 @@ input.btn-block {
 .btn-black-dark[disabled]:active,
 .btn-black-dark[disabled]:focus,
 .open > .dropdown-toggle.btn.btn-black-dark {
-  background: darken($color-black-dark, 4%);
-  border-color: darken($color-black-dark, 4%);
+  background: darken($color-dark-black, 4%);
+  border-color: darken($color-dark-black, 4%);
 }
 .btn-blue {
   background: $color-blue;
@@ -170,8 +181,8 @@ input.btn-block {
   border-color: darken($color-blue, 4%);
 }
 .btn-gray-light {
-  background: $color-gray-light;
-  border-color: $color-gray-light;
+  background: $color-light-gray;
+  border-color: $color-light-gray;
 }
 .btn-gray-light:hover,
 .btn-gray-light:active,
@@ -182,8 +193,8 @@ input.btn-block {
 .btn-gray-light[disabled]:active,
 .btn-gray-light[disabled]:focus,
 .open > .dropdown-toggle.btn.btn-gray-light {
-  background: darken($color-gray-light, 4%);
-  border-color: darken($color-gray-light, 4%);
+  background: darken($color-light-gray, 4%);
+  border-color: darken($color-light-gray, 4%);
 }
 .btn-gray {
   background: $color-gray;
@@ -202,8 +213,8 @@ input.btn-block {
   border-color: darken($color-gray, 4%);
 }
 .btn-gray-dark {
-  background: $color-gray-dark;
-  border-color: $color-gray-dark;
+  background: $color-dark-gray;
+  border-color: $color-dark-gray;
 }
 .btn-gray-dark:hover,
 .btn-gray-dark:active,
@@ -214,8 +225,8 @@ input.btn-block {
 .btn-gray-dark[disabled]:active,
 .btn-gray-dark[disabled]:focus,
 .open > .dropdown-toggle.btn.btn-gray-dark {
-  background: darken($color-gray-dark, 4%);
-  border-color: darken($color-gray-dark, 4%);
+  background: darken($color-dark-gray, 4%);
+  border-color: darken($color-dark-gray, 4%);
 }
 .btn-green {
   background: $color-green;
@@ -441,7 +452,7 @@ input.btn-block {
 .btn-outline[disabled]:active,
 .btn-outline[disabled]:focus {
   background: $color-transparent;
-  color: $color-gray-dark;
+  color: $color-dark-gray;
 }
 .btn-outline:hover,
 .btn-outline:active,
@@ -455,7 +466,7 @@ input.btn-block {
 .btn-outline.btn-black-light[disabled],
 .btn-outline.btn-black-light[disabled]:hover,
 .btn-outline.btn-black-light[disabled]:active,
-.btn-outline.btn-black-light[disabled]:focus { color: $color-black-light; }
+.btn-outline.btn-black-light[disabled]:focus { color: $color-light-black; }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
 .btn-outline.btn-black[disabled]:hover,
@@ -465,7 +476,7 @@ input.btn-block {
 .btn-outline.btn-black-dark[disabled],
 .btn-outline.btn-black-dark[disabled]:hover,
 .btn-outline.btn-black-dark[disabled]:active,
-.btn-outline.btn-black-dark[disabled]:focus { color: $color-black-dark; }
+.btn-outline.btn-black-dark[disabled]:focus { color: $color-dark-black; }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
 .btn-outline.btn-blue[disabled]:hover,
@@ -475,7 +486,7 @@ input.btn-block {
 .btn-outline.btn-gray-light[disabled],
 .btn-outline.btn-gray-light[disabled]:hover,
 .btn-outline.btn-gray-light[disabled]:active,
-.btn-outline.btn-gray-light[disabled]:focus { color: $color-gray-light; }
+.btn-outline.btn-gray-light[disabled]:focus { color: $color-light-gray; }
 .btn-outline.btn-gray,
 .btn-outline.btn-gray[disabled],
 .btn-outline.btn-gray[disabled]:hover,
@@ -485,7 +496,7 @@ input.btn-block {
 .btn-outline.btn-gray-dark[disabled],
 .btn-outline.btn-gray-dark[disabled]:hover,
 .btn-outline.btn-gray-dark[disabled]:active,
-.btn-outline.btn-gray-dark[disabled]:focus { color: $color-gray-dark; }
+.btn-outline.btn-gray-dark[disabled]:focus { color: $color-dark-gray; }
 .btn-outline.btn-green,
 .btn-outline.btn-green[disabled],
 .btn-outline.btn-green[disabled]:hover,
@@ -620,7 +631,7 @@ input.btn-block {
 .btn-outline.btn-black-light:active,
 .btn-outline.btn-black-light.active,
 .btn-outline.btn-black-light:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-black-light { background: darken($color-black-light, 4%); }
+.open > .dropdown-toggle.btn.btn-outline.btn-black-light { background: darken($color-light-black, 4%); }
 .btn-outline.btn-black:hover,
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
@@ -630,7 +641,7 @@ input.btn-block {
 .btn-outline.btn-black-dark:active,
 .btn-outline.btn-black-dark.active,
 .btn-outline.btn-black-dark:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-black-dark { background: darken($color-black-dark, 4%); }
+.open > .dropdown-toggle.btn.btn-outline.btn-black-dark { background: darken($color-dark-black, 4%); }
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
@@ -640,7 +651,7 @@ input.btn-block {
 .btn-outline.btn-gray-light:active,
 .btn-outline.btn-gray-light.active,
 .btn-outline.btn-gray-light:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-gray-light { background: darken($color-gray-light, 4%); }
+.open > .dropdown-toggle.btn.btn-outline.btn-gray-light { background: darken($color-light-gray, 4%); }
 .btn-outline.btn-gray:hover,
 .btn-outline.btn-gray:active,
 .btn-outline.btn-gray.active,
@@ -650,7 +661,7 @@ input.btn-block {
 .btn-outline.btn-gray-dark:active,
 .btn-outline.btn-gray-dark.active,
 .btn-outline.btn-gray-dark:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-gray-dark { background: darken($color-gray-dark, 4%); }
+.open > .dropdown-toggle.btn.btn-outline.btn-gray-dark { background: darken($color-dark-gray, 4%); }
 .btn-outline.btn-green:hover,
 .btn-outline.btn-green:active,
 .btn-outline.btn-green.active,

data/vendor/assets/stylesheets/_canvas.scss

@@ -19,7 +19,8 @@
   height: 100%;
   min-height: 100%;
   -webkit-overflow-scrolling: touch;
-  overflow-scrolling: touch;
+      -ms-overflow-scrolling: touch;
+          overflow-scrolling: touch;
 }
 .canvas-content {
   padding: 30px 0 0 0;

data/vendor/assets/stylesheets/_carousel.scss

@@ -16,7 +16,8 @@
   display: none;
   position: relative;
   -webkit-transition: 0.6s ease-in-out left;
-  transition: 0.6s ease-in-out left;
+      -ms-transition: 0.6s ease-in-out left;
+          transition: 0.6s ease-in-out left;
 }
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
@@ -35,11 +36,11 @@
   top: 0;
   width: 100%;
 }
-.carousel-inner > .next { left: 100%; }
-.carousel-inner > .prev { left: -100%; }
 .carousel-inner > .next.left,
 .carousel-inner > .prev.right { left: 0; }
+.carousel-inner > .prev,
 .carousel-inner > .active.left { left: -100%; }
+.carousel-inner > .next,
 .carousel-inner > .active.right { left: 100%; }
 .carousel-control {
   bottom: 0;
@@ -104,11 +105,11 @@
   z-index: 15;
 }
 .carousel-indicators > li {
-  display: inline-block;
   background: $color-white;
   border-radius: 10px;
   border: 1px solid $color-white;
   cursor: pointer;
+  display: inline-block;
   height: 4px;
   margin: 2px 6px;
   text-indent: -999px;
@@ -142,8 +143,8 @@
 ================================================== */
 .carousel-dark .carousel-indicators > li,
 .carousel-primary .carousel-indicators > li {
-  background: $color-black-light;
-  border-color: $color-black-light;
+  background: $color-light-black;
+  border-color: $color-light-black;
 }
 .carousel-dark .carousel-indicators > .active,
 .carousel-primary .carousel-indicators > .active { background: $color-transparent; }

data/vendor/assets/stylesheets/_code.scss

@@ -8,8 +8,8 @@
 /* # Code/Pre
 ================================================== */
 code {
-  background: $color-haze-light;
-  border: 1px solid $color-haze-dark;
+  background: $color-light-haze;
+  border: 1px solid $color-dark-haze;
   border-radius: 2px;
   color: $color-black;
   counter-reset: code-line 0;
@@ -22,14 +22,12 @@ code {
   padding: 4px 5px;
   text-decoration: none;
   text-transform: none;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
   vertical-align: middle;
+  white-space: pre;
 }
 pre {
-  background: $color-haze-light;
-  border: 1px solid $color-haze-dark;
+  background: $color-light-haze;
+  border: 1px solid $color-dark-haze;
   border-radius: 2px;
   color: $color-black;
   counter-reset: code-line 0;
@@ -66,7 +64,7 @@ pre {
 /* # Pygments
 ================================================== */
 .c {
-  color: $color-gray-light;
+  color: $color-light-gray;
   font-style: italic;
 } /* Comment */
 .err {
@@ -75,12 +73,12 @@ pre {
 } /* Error */
 .k { color: $color-blue; } /* Keyword */
 .cm {
-  color: $color-gray-light;
+  color: $color-light-gray;
   font-style: italic;
 } /* Comment.Multiline */
 .cp { color: $color-green; } /* Comment.Preproc */
 .c1 {
-  color: $color-gray-light;
+  color: $color-light-gray;
   font-style: italic;
 } /* Comment.Single */
 .cs {
@@ -155,16 +153,16 @@ pre {
 ================================================== */
 .code-dark {
   background: $color-black;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
   color: $color-gray;
 }
+.code-dark .err { background: $color-gray; }
+.code-dark .gp,
+.code-dark .gu { color: $color-gray; }
 .code-light {
   background: $color-white;
   border-color: $color-haze;
 }
-.code-dark .err { background: $color-gray; }
-.code-dark .gp,
-.code-dark .gu { color: $color-gray; }
 
 /* # Media Queries
 ================================================== */