active_frontend 6.2.0 → 6.3.0

data/vendor/assets/stylesheets/_header.scss

@@ -40,45 +40,27 @@
   width: 280px;
 }
 .header-search > input { margin: 0; }
-.header-nav {
+.header-nav,
+.header-nav-alt,
+.header-toolchain {
   color: rgba(35,41,55,1);
-  float: left;
   list-style-type: none;
-  margin: 5px 0 0 20px;
   padding: 0;
 }
-.header-nav > li {
+.header-nav-alt,
+.header-toolchain { float: right; }
+.header-nav {
   float: left;
-  margin-right: 25px;
-}
-.header-nav > li:last-child { margin: 0; }
-.header-nav > li.btn-group {
-  line-height: 12px;
-  margin-top: 7px;
-}
-.header-nav > li.btn-group + li.btn-group { margin-left: 0; }
-.header-nav > li > a {
-  color: rgba(35,41,55,1);
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 1px;
-  line-height: 12px;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-.header-nav > li > a.active,
-.header-nav > li > a:active,
-.header-nav > li > a:hover,
-.header-nav > li > a:focus { color: $primary-color; }
-.header-nav-alt {
-  float: right;
-  list-style-type: none;
-  margin: 4px 0 0 0;
-  padding: 0;
+  margin: 5px 0 0 20px;
 }
+.header-nav-alt { margin: 13px 0 0 0; }
+.header-toolchain { margin: 2px 25px 0 0; }
+.header-nav > li,
+.header-nav-alt > li,
+.header-toolchain > li { float: left; }
+.header-nav > li,
 .header-nav-alt > li {
   color: rgba(35,41,55,1);
-  display: inline-block;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
@@ -86,19 +68,38 @@
   margin-left: 15px;
   text-transform: uppercase;
 }
+.header-nav > li { margin-right: 25px; }
+.header-toolchain > li { margin-left: 15px; }
+.header-nav > li:last-child,
+.header-toolchain > li:first-child { margin: 0; }
+.header-nav > li.btn-group + li.btn-group,
 .header-nav-alt > li:first-child,
-.header-nav-alt > li.btn-group + li.btn-group { margin-left: 0; }
-.header-nav-alt > li.btn-group { margin-top: 2px; }
-.header-nav-alt > li > a {
+.header-nav-alt > li.btn-group + li.btn-group,
+.header-toolchain > li.btn-group + li.btn-group { margin-left: 0; }
+.header-nav > li.btn-group { margin-top: 7px; }
+.header-nav > li > a,
+.header-nav-alt > li > a,
+.header-toolchain > li > a {
   color: rgba(35,41,55,1);
-  letter-spacing: 1px;
-  padding: 15px 0 13px 0;
-  text-transform: uppercase;
+  text-decoration: none;
 }
+.header-nav-alt > li > a { padding: 15px 0 13px 0; }
+.header-toolchain > li > a {
+  font-size: 30px;
+  line-height: 30px;
+}
+.header-nav > li > a:hover,
+.header-nav > li > a:focus,
+.header-nav > li > a.active,
+.header-nav > li > a:active,
+.header-nav-alt > li > a:hover,
+.header-nav-alt > li > a:focus,
 .header-nav-alt > li > a.active,
 .header-nav-alt > li > a:active,
-.header-nav-alt > li > a:hover,
-.header-nav-alt > li > a:focus { color: $primary-color; }
+.header-toolchain > li > a:hover,
+.header-toolchain > li > a:focus,
+.header-toolchain > li > a.active,
+.header-toolchain > li > a:active { color: $primary-color; }
 .header-nav-alt > li.inverse > a {
   background: $primary-color;
   border: 1px solid $primary-color;
@@ -108,36 +109,13 @@
   padding-left: 20px;
   padding-right: 20px;
 }
-.header-nav-alt > li.inverse > a.active,
-.header-nav-alt > li.inverse > a:active,
 .header-nav-alt > li.inverse > a:hover,
-.header-nav-alt > li.inverse > a:focus {
+.header-nav-alt > li.inverse > a:focus,
+.header-nav-alt > li.inverse > a.active,
+.header-nav-alt > li.inverse > a:active {
   background: rgba(35,41,55,1);
   border-color: rgba(35,41,55,1);
-  color: rgba(255,255,255,1);
 }
-.header-toolchain {
-  float: right;
-  list-style-type: none;
-  margin: 2px 25px 0 0;
-  padding: 0;
-}
-.header-toolchain > li {
-  float: left;
-  margin-left: 15px;
-}
-.header-toolchain > li:first-child { margin: 0; }
-.header-toolchain > li.btn-group + li.btn-group { margin-left: 0; }
-.header-toolchain > li > a {
-  color: rgba(35,41,55,1);
-  font-size: 30px;
-  line-height: 30px;
-  text-decoration: none;
-}
-.header-toolchain > li > a.active,
-.header-toolchain > li > a:active,
-.header-toolchain > li > a:hover,
-.header-toolchain > li > a:focus { color: $primary-color; }
 .header-user {
   float: right;
   font-size: 13px;
@@ -147,9 +125,13 @@
   color: rgba(35,41,55,1);
   text-decoration: none;
 }
-.header-user img,
+.header-user > a:hover,
+.header-user > a:focus,
+.header-user > a.active,
+.header-user > a:active { color: $primary-color; }
+.header-user > img,
 .header-user-placeholder {
-  background: rgba(35,41,55,1);
+  background: rgba(85,94,113,1);
   border-radius: 500px;
   color: rgba(255,255,255,1);
   display: inline-block;
@@ -179,41 +161,45 @@
   background: rgba(35,41,55,1);
   border-color: rgba(0,0,0,0.2);
 }
-.header.header-alt .header-brand > a { color: rgba(255,255,255,1) }
-.header.header-alt .header-nav > li > a { color: rgba(136,153,166,1); }
+.header.header-alt .header-nav > li > a,
+.header.header-alt .header-nav-alt > li > a,
+.header.header-alt .header-nav-alt > li.inverse > a:hover,
+.header.header-alt .header-nav-alt > li.inverse > a:focus,
+.header.header-alt .header-nav-alt > li.inverse > a.active,
+.header.header-alt .header-nav-alt > li.inverse > a:active,
+.header.header-alt .header-toolchain > li > a,
+.header.header-alt .header-user > a { color: rgba(136,153,166,1); }
+.header.header-alt .header-brand > a,
+.header.header-alt .header-nav > li > a:hover,
+.header.header-alt .header-nav > li > a:focus,
 .header.header-alt .header-nav > li > a.active,
 .header.header-alt .header-nav > li > a:active,
-.header.header-alt .header-nav > li > a:hover,
-.header.header-alt .header-nav > li > a:focus { color: rgba(255,255,255,1); }
-.header.header-alt .header-nav-alt > li > a { color: rgba(136,153,166,1); }
+.header.header-alt .header-nav-alt > li > a:hover,
+.header.header-alt .header-nav-alt > li > a:focus,
 .header.header-alt .header-nav-alt > li > a.active,
 .header.header-alt .header-nav-alt > li > a:active,
-.header.header-alt .header-nav-alt > li > a:hover,
-.header.header-alt .header-nav-alt > li > a:focus { color: rgba(255,255,255,1); }
+.header.header-alt .header-nav-alt > li.inverse > a,
+.header.header-alt .header-toolchain > li > a:hover,
+.header.header-alt .header-toolchain > li > a:focus,
+.header.header-alt .header-toolchain > li > a.active,
+.header.header-alt .header-toolchain > li > a:active,
+.header.header-alt .header-user > a:hover,
+.header.header-alt .header-user > a:focus,
+.header.header-alt .header-user > a.active,
+.header.header-alt .header-user > a:active,
+.header.header-alt .header-user > img,
+.header.header-alt .header-user-placeholder,
+.header.header-alt .header-toggle > a { color: rgba(255,255,255,1) }
 .header.header-alt .header-nav-alt > li.inverse > a {
  background: transparent;
  border-color: rgba(255,255,255,1);
- color: rgba(255,255,255,1);
 }
-.header.header-alt .header-nav-alt > li.inverse > a.active,
-.header.header-alt .header-nav-alt > li.inverse > a:active,
 .header.header-alt .header-nav-alt > li.inverse > a:hover,
-.header.header-alt .header-nav-alt > li.inverse > a:focus {
-  border-color: rgba(136,153,166,1);
-  color: rgba(136,153,166,1);
-}
-.header.header-alt .header-toolchain > li > a { color: rgba(136,153,166,1); }
-.header.header-alt .header-toolchain > li > a.active,
-.header.header-alt .header-toolchain > li > a:active,
-.header.header-alt .header-toolchain > li > a:hover,
-.header.header-alt .header-toolchain > li > a:focus { color: rgba(255,255,255,1); }
-.header.header-alt .header-user > a { color: rgba(136,153,166,1); }
-.header.header-alt .header-user img,
-.header.header-alt .header-user-placeholder {
-  background: rgba(136,153,166,1);
-  color: rgba(255,255,255,1);
-}
-.header.header-alt .header-toggle > a { color: rgba(255,255,255,1); }
+.header.header-alt .header-nav-alt > li.inverse > a:focus,
+.header.header-alt .header-nav-alt > li.inverse > a.active,
+.header.header-alt .header-nav-alt > li.inverse > a:active { border-color: rgba(136,153,166,1); }
+.header.header-alt .header-user > img,
+.header.header-alt .header-user-placeholder { background: rgba(136,153,166,1); }
 
 /* # Application
 ================================================== */

data/vendor/assets/stylesheets/_icon.scss

@@ -764,7 +764,8 @@
   text-transform: none;
   text-rendering: auto;
 }
-.icon-spin, .icon-loading-a,
+.icon-spin,
+.icon-loading-a,
 .icon-loading-b,
 .icon-loading-c,
 .icon-loading-d,
@@ -772,33 +773,18 @@
 .icon-refreshing,
 .icon-ios7-reloading {
   -webkit-animation: spin 1s infinite linear;
-  -moz-animation: spin 1s infinite linear;
-  -o-animation: spin 1s infinite linear;
   animation: spin 1s infinite linear;
 }
 @-webkit-keyframes spin {
   0%   { -webkit-transform: rotate(0deg) }
   100% { -webkit-transform: rotate(359deg) }
 }
-@-moz-keyframes spin {
-  0%   { -moz-transform: rotate(0deg) }
-  100% { -moz-transform: rotate(359deg) }
-}
-@-ms-keyframes spin {
-  0%   { -ms-transform: rotate(0deg) }
-  100% { -ms-transform: rotate(359deg) }
-}
-@-o-keyframes spin {
-  0%   { -o-transform: rotate(0deg) }
-  100% { -o-transform: rotate(359deg) }
-}
 @keyframes spin {
   0%   { transform: rotate(0deg) }
   100% { transform: rotate(359deg) }
 }
 .icon-loading-a {
   -webkit-animation-timing-function: steps(8, start);
-  -moz-animation-timing-function: steps(8, start);
   animation-timing-function: steps(8, start);
 }
 .icon-alert:before { content: "\f101" }

data/vendor/assets/stylesheets/_image.scss

@@ -7,8 +7,8 @@
 /* # Image
 ================================================== */
 img {
-  border-radius: 3px;
   border: 0;
+  border-radius: 3px;
   display: block;
   height: auto;
   max-width: 100%;

data/vendor/assets/stylesheets/_link.scss

@@ -5,9 +5,10 @@
 /* # Link
 ================================================== */
 a {
+  text-decoration: none;
+  touch-action: manipulation;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
-  text-decoration: none;
 }
 a[disabled] {
   cursor: not-allowed;

data/vendor/assets/stylesheets/_list.scss

@@ -5,7 +5,9 @@
 /* # List
 ================================================== */
 dl > dt,
-dl > dd {
+dl > dd,
+ul,
+ol {
   font-size: 16px;
   line-height: 25px;
 }
@@ -14,11 +16,6 @@ dl > dt {
   margin-bottom: 5px;
 }
 dl > dd { margin: 0 0 5px 10px; }
-ul,
-ol {
-  font-size: 16px;
-  line-height: 25px;
-}
 ul { padding-left: 17px; }
 ol { padding-left: 23px; }
 .list-small {
@@ -37,10 +34,12 @@ ol { padding-left: 23px; }
   list-style-type: none;
   padding: 0;
 }
+.list-bordered > li,
+.list-lined > li,
+.list-striped > li { padding: 9px 10px 6px 10px; }
 .list-bordered > li {
   border: 1px solid rgba(225,232,237,1);
   border-bottom: none;
-  padding: 9px 10px 6px 10px;
 }
 .list-bordered > li:last-child { border-bottom: 1px solid rgba(225,232,237,1); }
 .list-bordered.list-scrollable {
@@ -56,10 +55,10 @@ ol { padding-left: 23px; }
 .list-inline > li:last-child { margin-right: 0; }
 .list-lined > li {
   border-top: 1px solid rgba(225,232,237,1);
-  padding: 9px 0 6px 0;
+  padding-left: 0;
+  padding-right: 0;
 }
-.list-lined > li:first-child { border: none; }
-.list-striped > li { padding: 9px 10px 6px 10px; }
+.list-lined > li:first-child { border: 0; }
 .list-striped > li:nth-child(odd) { background: rgba(245,248,250,1); }
 .list-bordered.list-small > li,
 .list-lined.list-small > li,

data/vendor/assets/stylesheets/_loader.scss

@@ -12,18 +12,8 @@
   0%   { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
-.loader-backdrop {
-  background: transparent;
-  height: 2px;
-  left: 0;
-  pointer-events: none;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 9999;
-}
+.loader-backdrop,
 .loader-bar {
-  background: $primary-color;
   height: 2px;
   left: 0;
   pointer-events: none;
@@ -32,6 +22,8 @@
   width: 100%;
   z-index: 9999;
 }
+.loader-backdrop { background: transparent; }
+.loader-bar { background: $primary-color; }
 .loader-peg {
   box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color;
   display: block;

data/vendor/assets/stylesheets/_modal.scss

@@ -51,14 +51,14 @@
   border-top-left-radius: 3px;
   padding: 22px 15px 18px 15px;
 }
-.modal-header h3 {
+.modal-header > h3 {
   color: rgba(255,255,255,1);
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 14px;
   margin: 0;
-  text-transform: uppercase;
   text-align: center;
+  text-transform: uppercase;
 }
 .modal-body {
   border-bottom: 1px solid rgba(230,237,242,1);
@@ -67,7 +67,7 @@
   padding: 15px 18px;
   position: relative;
 }
-.modal-body p:last-child { margin-bottom: 0; }
+.modal-body > p:last-child { margin-bottom: 0; }
 .modal-footer {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
@@ -79,7 +79,7 @@
 button.modal-footer-btn,
 input.modal-footer-btn {
   -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   background: rgba(255,255,255,1);
   border: 0;
   box-sizing: border-box;
@@ -87,15 +87,15 @@ input.modal-footer-btn {
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
-  font-weight: bold;
   font-size: 11px;
+  font-weight: bold;
   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;
   vertical-align: middle;
   width: 100%;
 }

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -16,12 +16,13 @@
 .nav > li > a {
   color: rgba(136,153,166,1);
   display: block;
-  font-weight: bold;
   font-size: 14px;
+  font-weight: bold;
   line-height: 14px;
 }
 .nav > li > a:hover,
-.nav > li > a:focus {
+.nav > li > a:focus,
+.nav > li > a:active {
   color: rgba(35,41,55,1);
   text-decoration: none;
 }
@@ -31,35 +32,35 @@
   border-top-left-radius: 3px;
   color: rgba(255,255,255,1);
   display: block;
-  font-weight: bold;
   font-size: 14px;
+  font-weight: bold;
   line-height: 20px;
   padding: 10px 15px;
 }
-.nav li + .nav-header { margin-top: 10px; }
+.nav > li + .nav-header { margin-top: 10px; }
 .nav-list {
   margin-bottom: 0;
-  padding-right: 15px;
   padding-left: 15px;
+  padding-right: 15px;
 }
 .nav-list > li > a,
 .nav-list .nav-header {
-  margin-right: -15px;
   margin-left: -15px;
+  margin-right: -15px;
 }
 .nav-list > li > a {
   color: rgba(136,153,166,1);
-  padding: 11px 15px 11px 15px;
   font-weight: bold;
+  padding: 11px 15px;
 }
-.nav-list > li > a:hover { background: rgba(235,238,240,1); }
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:focus {
+.nav-list > li > a:hover,
+.nav-list > li > a:focus,
+.nav-list > li > a:active { background: rgba(235,238,240,1); }
+.nav-list > .active > a {
   background: rgba(245,248,250,1);
   color: rgba(35,41,55,1);
 }
-.nav-list .divider {
+.nav-list > .divider {
   background: rgba(225,232,237,1);
   height: 1px;
   margin: 10px 0 10px 0;
@@ -83,9 +84,7 @@
   margin-right: 20px;
   padding-bottom: 10px;
 }
-.nav-tabs > .active > a,
-.nav-tabs > .active > a:hover,
-.nav-tabs > .active > a:focus {
+.nav-tabs > .active > a {
   border-bottom-color: rgba(235,238,240,1);
   color: $primary-color;
 }
@@ -97,10 +96,10 @@
   margin-right: 3px;
   padding: 9px 10px;
 }
-.nav-pills > li > a:hover { background: rgba(235,238,240,1); }
-.nav-pills > .active > a,
-.nav-pills > .active > a:hover,
-.nav-pills > .active > a:focus {
+.nav-pills > li > a:hover,
+.nav-pills > li > a:focus,
+.nav-pills > li > a:active { background: rgba(235,238,240,1); }
+.nav-pills > .active > a {
   background: $primary-color;
   color: rgba(255,255,255,1);
 }
@@ -121,14 +120,13 @@
   border-bottom-left-radius: 3px;
 }
 .nav-tabs.nav-stacked > li > a:hover,
-.nav-tabs.nav-stacked > li > a:focus {
+.nav-tabs.nav-stacked > li > a:focus,
+.nav-tabs.nav-stacked > li > a:active {
   background: rgba(235,238,240,1);
   color: rgba(35,41,55,1);
   z-index: 2;
 }
-.nav-tabs.nav-stacked > .active > a,
-.nav-tabs.nav-stacked > .active > a:hover,
-.nav-tabs.nav-stacked > .active > a:focus {
+.nav-tabs.nav-stacked > .active > a {
   background: $primary-color;
   color: rgba(255,255,255,1);
   border-bottom: 0;
@@ -142,7 +140,8 @@
 .nav-tabs .open .dropdown-toggle,
 .nav-pills .open .dropdown-toggle,
 .nav > li.dropdown.open.active > a:hover,
-.nav > li.dropdown.open.active > a:focus {
+.nav > li.dropdown.open.active > a:focus,
+.nav > li.dropdown.open.active > a:active {
   background: rgba(235,238,240,1);
   color: rgba(35,41,55,1);
 }