active_frontend 10.3.0 → 11.0.0

data/vendor/assets/stylesheets/_header.scss

@@ -1,41 +1,35 @@
 /* Table of Contents
 ==================================================
 # Header
-# Colors
 # Styles
-# Sizes
+# Colors
+# Stripes
 # Media Queries */
 
 /* # Header
 ================================================== */
-.header-fixed {
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 1030;
-}
 .header {
   background: $color-white;
   border-bottom: 1px solid $color-haze;
   box-sizing: border-box;
-  height: 65px;
-  padding: 17px 0;
+  height: 60px;
+  padding-top: 15px;
   width: 100%;
 }
-.header-striped {
-  border-top: 3px solid $color-primary !important;
-  padding-top: 14px;
+.header-fixed {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1030;
 }
 .header-brand {
   float: left;
-  margin-top: -3px;
+  margin-top: -4px;
 }
 .header-brand > a {
   color: $color-primary;
   font-size: 36px;
-  line-height: 1;
-  text-decoration: none;
 }
 .header-brand > a > img {
   border-radius: 0;
@@ -43,14 +37,13 @@
 }
 .header-search {
   float: left;
-  margin: -6px 0 0 20px;
+  margin: -7px 0 0 20px;
   width: 280px;
 }
 .header-search > input { margin: 0; }
 .header-nav,
 .header-nav-alt,
 .header-toolchain {
-  color: $color-black;
   list-style-type: none;
   padding: 0;
 }
@@ -58,7 +51,7 @@
 .header-nav-alt,
 .header-toolchain { float: right; }
 .header-nav,
-.header-nav-alt { margin: 10px 0 0 0; }
+.header-nav-alt { margin: 9px 0 0 0; }
 .header-toolchain { margin: 1px 25px 0 0; }
 .header-nav > li,
 .header-nav-alt > li,
@@ -71,7 +64,7 @@
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
-  line-height: 12px;
+  line-height: 1;
   text-transform: uppercase;
 }
 .header-nav > li,
@@ -79,35 +72,29 @@
 .header-nav > li.btn-group + li.btn-group,
 .header-nav-alt > li,
 .header-nav-alt > li.btn-group,
-.header-nav-alt > li.btn-group + li.btn-group { margin-left: 20px; }
+.header-nav-alt > li.btn-group + li.btn-group { margin: 0 0 0 20px; }
 .header-toolchain > li,
 .header-toolchain > li.btn-group,
 .header-toolchain > li.btn-group + li.btn-group { margin-left: 15px; }
-.header-nav > li.btn-group,
-.header-nav-alt > li.btn-group,
-.header-toolchain > li.btn-group { margin-top: -1px; }
 .header-nav-alt > li:first-child,
 .header-toolchain > li:first-child { margin-left: 0; }
 .header-nav > li > a,
 .header-nav-alt > li > a,
-.header-toolchain > li > a {
-  color: $color-black;
-  text-decoration: none;
-}
+.header-toolchain > li > a { color: $color-black; }
 .header-nav > li.lined > a {
   border-radius: 0 !important;
   border-bottom: 3px solid $color-transparent;
-  padding-bottom: 24px;
+  padding-bottom: 21px;
 }
 .header-nav > li.lined > a:hover,
 .header-nav > li.lined > a.active,
 .header-nav > li.lined > a:active,
 .header-nav > li.lined > a:focus,
 .header-nav > li.lined.active > a { border-color: $color-primary; }
-.header-nav-alt > li > a { padding: 10px 0 9px 0; }
+.header-nav-alt > li > a { padding: 10px 0; }
 .header-toolchain > li > a {
   font-size: 26px;
-  line-height: 26px;
+  line-height: 1;
 }
 .header-nav > li > a:hover,
 .header-nav > li > a.active,
@@ -138,19 +125,16 @@
 .header-nav-alt > li.inverse > a.active,
 .header-nav-alt > li.inverse > a:active,
 .header-nav-alt > li.inverse > a:focus {
-  background: darken($color-primary, 4%);
+  background: darken($color-primary, 5%);
+  border-color: darken($color-primary, 5%);
   color: $color-white;
 }
 .header-user {
   float: right;
   font-size: 13px;
-  line-height: 13px;
   margin: -3px 0 0 20px;
 }
-.header-user > a {
-  color: $color-black;
-  text-decoration: none;
-}
+.header-user > a { color: $color-black; }
 .header-user > a:hover,
 .header-user > a.active,
 .header-user > a:active,
@@ -178,17 +162,12 @@
   color: $color-primary;
   float: right;
   font-size: 40px;
-  padding: 4px 0px 3px 14px;
-  text-decoration: none;
+  margin-top: 3px;
 }
 
 /* # Styles
 ================================================== */
-.header-borderless { border-bottom-color: $color-transparent !important; }
-
-/* # Sizes
-================================================== */
-.header-app { width: calc(100% - 280px); }
+.header-borderless { border-bottom-color: $color-transparent; }
 
 /* # Colors
 ================================================== */
@@ -236,7 +215,6 @@
 .header-dark .header-user > a:active,
 .header-dark .header-user > a:focus { color: $color-primary; }
 .header-dark .header-nav-alt > li.inverse > a { color: $color-white; }
-.header-dark .header-search > input { border-color: $color-dark-black; }
 .header-invisible .header-nav-alt > li.inverse > a {
   background: $color-white;
   border-color: $color-white;
@@ -246,28 +224,43 @@
 .header-invisible .header-nav-alt > li.inverse > a:hover,
 .header-invisible .header-nav-alt > li.inverse > a.active,
 .header-invisible .header-nav-alt > li.inverse > a:active,
-.header-invisible .header-nav-alt > li.inverse > a:focus { background: darken($color-primary, 4%); }
+.header-invisible .header-nav-alt > li.inverse > a:focus {
+  background: darken($color-white, 5%);
+  border-color: darken($color-white, 5%);
+}
 
-/* # Media Queries
+/* # Stripes
 ================================================== */
-@media only screen and (max-width: 1365px) {
-  .header-app { width: calc(100% - 250px); }
+.header-stripe {
+  background: $color-primary;
+  height: 2px;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1050;
 }
-@media only screen and (max-width: 1199px) {
-  .header-app { width: calc(100% - 220px); }
+.header-stripe-two {
+  background: -webkit-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
+  background:     -ms-linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
+  background:         linear-gradient(45deg, $color-primary 0%, $color-secondary 100%);
 }
-@media only screen and (max-width: 959px) {
-  .header-app { width: 100%; }
+.header-stripe-three {
+  background: -webkit-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
+  background:     -ms-linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
+  background:         linear-gradient(45deg, $color-tertiary 0%, $color-primary 50%, $color-secondary 100%);
 }
+
+/* # Media Queries
+================================================== */
 @media only screen and (max-width: 767px) {
   .header {
     height: 50px;
     padding: 0;
   }
-  .header-striped { border-top: 0 !important; }
-  .header-brand { margin: 0; }
-  .header-brand > a { line-height: 57px; }
-  .header-toggle { display: inline; }
+  .header-brand { margin-top: 5px; }
+  .header-toggle { display: block; }
 }
 @media
 only screen and (-webkit-min-device-pixel-ratio: 2),

data/vendor/assets/stylesheets/_icon.scss

@@ -6,11 +6,11 @@
 ================================================== */
 @font-face {
   font-family: "Ionicons";
-  src: url(font_path("ionicons/ionicons.eot?v=2.0.0"));
-  src: url(font_path("ionicons/ionicons.eot?v=2.0.0#iefix")) format("embedded-opentype"),
-       url(font_path("ionicons/ionicons.ttf?v=2.0.0")) format("truetype"),
-       url(font_path("ionicons/ionicons.woff?v=2.0.0")) format("woff"),
-       url(font_path("ionicons/ionicons.svg?v=2.0.0#Ionicons")) format("svg");
+  src: url(font_path("ionicons/ionicons.eot?v=2.0.1"));
+  src: url(font_path("ionicons/ionicons.eot?v=2.0.1#iefix")) format("embedded-opentype"),
+       url(font_path("ionicons/ionicons.ttf?v=2.0.1")) format("truetype"),
+       url(font_path("ionicons/ionicons.woff?v=2.0.1")) format("woff"),
+       url(font_path("ionicons/ionicons.svg?v=2.0.1#Ionicons")) format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -771,22 +771,16 @@
 .icon-loading-d,
 .icon-looping,
 .icon-refreshing,
-.icon-ios7-reloading {
-  -webkit-animation: spin 1s infinite linear;
-  animation: spin 1s infinite linear;
-}
+.icon-ios7-reloading { @include animation(spin 1s infinite linear); }
 @-webkit-keyframes spin {
-  0%   { -webkit-transform: rotate(0deg) }
-  100% { -webkit-transform: rotate(359deg) }
+  0% { @include transform(rotate(0)); }
+  100% { @include transform(rotate(359deg)); }
 }
 @keyframes spin {
-  0%   { transform: rotate(0deg) }
-  100% { transform: rotate(359deg) }
-}
-.icon-loading-a {
-  -webkit-animation-timing-function: steps(8, start);
-  animation-timing-function: steps(8, start);
+  0% { @include transform(rotate(0)); }
+  100% { @include transform(rotate(359deg)); }
 }
+.icon-loading-a { @include animation-timing-function(steps(8, start)); }
 .icon-alert:before { content: "\f101" }
 .icon-alert-circled:before { content: "\f100" }
 .icon-android-add:before { content: "\f2c7" }

data/vendor/assets/stylesheets/_label_and_badge.scss

@@ -1,55 +1,38 @@
 /* Table of Contents
 ==================================================
-# Label and Badge */
+# Variables
+# Label and badge */
 
 /* # Variables
 ================================================== */
 $onblack-colors: (
-  dark-haze:    $color-dark-haze,
-  haze:         $color-haze,
-  light-haze:   $color-light-haze,
-  white:        $color-white,
-  dark-yellow:  $color-dark-yellow,
-  yellow:       $color-yellow,
-  light-yellow: $color-light-yellow
+  dark-haze: $color-dark-haze,
+  haze: $color-haze,
+  light-haze: $color-light-haze
+);
+$ongray-colors: (
+  white: $color-white
 );
 $onwhite-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-lime:    $color-dark-lime,
-  lime:         $color-lime,
-  light-lime:   $color-light-lime,
-  dark-green:   $color-dark-green,
-  green:        $color-green,
-  light-green:  $color-light-green,
-  dark-teal:    $color-dark-teal,
-  teal:         $color-teal,
-  light-teal:   $color-light-teal,
-  dark-blue:    $color-dark-blue,
-  blue:         $color-blue,
-  light-blue:   $color-light-blue,
-  dark-indigo:  $color-dark-indigo,
-  indigo:       $color-indigo,
-  light-indigo: $color-light-indigo,
-  dark-purple:  $color-dark-purple,
-  purple:       $color-purple,
-  light-purple: $color-light-purple,
-  dark-pink:    $color-dark-pink,
-  pink:         $color-pink,
-  light-pink:   $color-light-pink,
-  dark-red:     $color-dark-red,
-  red:          $color-red,
-  light-red:    $color-light-red,
-  dark-orange:  $color-dark-orange,
-  orange:       $color-orange,
-  light-orange: $color-light-orange
+  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,
+  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
 );
 
-/* # Label and Badge
+/* # Label and badge
 ================================================== */
 .badge,
 .label {
@@ -63,7 +46,7 @@ $onwhite-colors: (
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0;
-  line-height: 12px;
+  line-height: 1;
   min-width: 12px;
   text-align: center;
   white-space: nowrap;
@@ -94,6 +77,16 @@ $onwhite-colors: (
   .badge-#{$name}.badge-outline,
   .label-#{$name}.label-outline { color: $color; }
 }
+@each $name, $color in $ongray-colors {
+  .badge-#{$name},
+  .label-#{$name}  {
+    background: $color;
+    border-color: $color;
+    color: $color-gray;
+  }
+  .badge-#{$name}.badge-outline,
+  .label-#{$name}.label-outline { color: $color; }
+}
 @each $name, $color in $onwhite-colors {
   .badge-#{$name},
   .label-#{$name}  {

data/vendor/assets/stylesheets/_link.scss

@@ -7,9 +7,7 @@
 a {
   text-decoration: none;
   touch-action: manipulation;
-  -webkit-transition: all 0.3s ease-in-out;
-      -ms-transition: all 0.3s ease-in-out;
-          transition: all 0.3s ease-in-out;
+  @include transition(all 0.3s ease-in-out);
 }
 a[disabled] {
   cursor: not-allowed;

data/vendor/assets/stylesheets/_list.scss

@@ -12,6 +12,7 @@ dl > dd,
 ul,
 ol {
   font-size: 16px;
+  font-weight: normal;
   line-height: 25px;
 }
 dl > dt {
@@ -22,17 +23,6 @@ dl > dd { margin: 0 0 5px 10px; }
 ul { padding-left: 17px; }
 ol { padding-left: 23px; }
 
-/* # Sizes
-================================================== */
-.list-small {
-  font-size: 14px;
-  line-height: 22px;
-}
-.list-mini {
-  font-size: 12px;
-  line-height: 20px;
-}
-
 /* # Styles
 ================================================== */
 .list-scrollable {
@@ -49,15 +39,15 @@ ol { padding-left: 23px; }
 }
 .list-bordered > li,
 .list-lined > li,
-.list-striped > li { padding: 9px 10px 6px 10px; }
+.list-striped > li { padding: 9px 10px 7px 10px; }
 .list-bordered > li {
-  border: 1px solid $color-dark-haze;
+  border: 1px solid $color-haze;
   border-bottom: none;
 }
-.list-bordered > li:last-child { border-bottom: 1px solid $color-dark-haze; }
+.list-bordered > li:last-child { border-bottom: 1px solid $color-haze; }
 .list-bordered.list-scrollable {
-  border-bottom: 1px solid $color-dark-haze;
-  border-top: 1px solid $color-dark-haze;
+  border-bottom: 1px solid $color-haze;
+  border-top: 1px solid $color-haze;
 }
 .list-bordered.list-scrollable > li:first-child { border-top: 0; }
 .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
@@ -68,17 +58,61 @@ ol { padding-left: 23px; }
 }
 .list-inline > li:last-child { margin-right: 0; }
 .list-lined > li {
-  border-top: 1px solid $color-dark-haze;
+  border-top: 1px solid $color-haze;
   padding-left: 0;
   padding-right: 0;
 }
 .list-lined > li:first-child { border: 0; }
 .list-striped > li:nth-child(odd) { background: $color-light-haze; }
-.list-bordered.list-small > li,
-.list-lined.list-small > li,
-.list-striped.list-small > li { padding: 5px 5px 3px 5px; }
 .list-hover > li:hover { background: $color-haze; }
 
+/* # Sizes
+================================================== */
+.list-large {
+  font-size: 28px;
+  line-height: 34px;
+}
+.list-large.list-bordered > li,
+.list-large.list-lined > li,
+.list-large.list-striped > li { padding-top: 10px; }
+.list-medium {
+  font-size: 21px;
+  line-height: 27px;
+}
+.list-small {
+  font-size: 14px;
+  line-height: 22px;
+}
+.list-small.list-bordered > li,
+.list-small.list-lined > li,
+.list-small.list-striped > li { padding: 5px 5px 3px 5px; }
+.list-mini {
+  font-size: 12px;
+  line-height: 20px;
+}
+
+/* # Colors
+================================================== */
+.list-dark {
+  background: $color-black;
+  border-color: $color-dark-black;
+  color: $color-white;
+}
+.list-light { background: $color-light-haze; }
+.list-white { background: $color-white; }
+.list-dark.list-bordered > li,
+.list-dark.list-bordered > li:last-child,
+.list-dark.list-bordered.list-scrollable,
+.list-dark.list-lined > li { border-color: $color-dark-black; }
+.list-dark.list-striped > li:nth-child(odd) { background: $color-light-black; }
+.list-dark.list-hover > li:hover { background: $color-dark-black; }
+.list-light.list-bordered > li,
+.list-light.list-bordered > li:last-child,
+.list-light.list-bordered.list-scrollable,
+.list-light.list-lined > li { border-color: $color-dark-haze; }
+.list-light.list-striped > li:nth-child(odd) { background: $color-haze; }
+.list-light.list-hover > li:hover { background: $color-dark-haze; }
+
 /* # Media Queries
 ================================================== */
 @media