active_frontend 11.1.0 → 12.0.0

data/vendor/assets/stylesheets/_grid.scss

@@ -39,8 +39,8 @@ $sizes: (
   position: relative;
   width: calc(100% - 20px);
 }
-.container .column,
-.container .columns {
+.column,
+.columns {
   display: inline;
   float: left;
   margin-left: 10px;
@@ -65,30 +65,38 @@ $sizes: (
 /* # Desktop
 ================================================== */
 @each $name, $size in $sizes {
-  .container .#{$name}.column,
-  .container .#{$name}.columns { width: calc(#{$size} - 20px); }
-  .container .#{$name}.column.alpha,
-  .container .#{$name}.column.omega,
-  .container .#{$name}.columns.alpha,
-  .container .#{$name}.columns.omega { width: calc(#{$size} - 10px); }
-  .container .#{$name}.column.alpha.omega,
-  .container .#{$name}.columns.alpha.omega { width: $size; }
-  .container .offset-by-#{$name} { padding-left: $size; }
+  .#{$name}.column,
+  .#{$name}.columns { width: calc(#{$size} - 20px); }
+  .#{$name}.column.alpha,
+  .#{$name}.column.omega,
+  .#{$name}.columns.alpha,
+  .#{$name}.columns.omega { width: calc(#{$size} - 10px); }
+  .#{$name}.column.alpha.omega,
+  .#{$name}.columns.alpha.omega { width: $size; }
+  .offset-by-#{$name} { padding-left: $size; }
 }
 .hidden { display: none !important; }
 .hidden-desktop { display: none !important; }
+.hidden-laptop { display: inherit !important; }
+.hidden-tablet { display: inherit !important; }
+.hidden-phone { display: inherit !important; }
 .visible { display: inherit !important; }
-.visible-phone { display: none !important; }
-.visible-tablet { display: none !important; }
+.visible-laptop { display: inherit !important; }
 .visible-laptop { display: none !important; }
+.visible-tablet { display: none !important; }
+.visible-phone { display: none !important; }
 
 /* # Laptop
 ================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1365px) {
   .hidden-desktop { display: inherit !important; }
   .hidden-laptop { display: none !important; }
+  .hidden-tablet { display: inherit !important; }
+  .hidden-phone { display: inherit !important; }
   .visible-desktop { display: none !important ; }
   .visible-laptop { display: inherit !important; }
+  .visible-tablet { display: none !important; }
+  .visible-phone { display: none !important ; }
 }
 
 /* # Tablet
@@ -97,33 +105,37 @@ $sizes: (
   .hidden-desktop { display: inherit !important; }
   .hidden-laptop { display: inherit !important; }
   .hidden-tablet { display: none !important; }
+  .hidden-phone { display: inherit !important; }
   .visible-desktop { display: none !important ; }
   .visible-laptop { display: none !important ; }
   .visible-tablet { display: inherit !important; }
+  .visible-phone { display: none !important ; }
 }
 
 /* # Mobile
 ================================================== */
 @media only screen and (max-width: 767px) {
   @each $name, $size in $sizes {
-    .container .#{$name}.column,
-    .container .#{$name}.columns,
-    .container .#{$name}.column.alpha,
-    .container .#{$name}.column.omega,
-    .container .#{$name}.columns.alpha,
-    .container .#{$name}.columns.omega,
-    .container .#{$name}.column.alpha.omega,
-    .container .#{$name}.columns.alpha.omega, {
+    .#{$name}.column,
+    .#{$name}.columns,
+    .#{$name}.column.alpha,
+    .#{$name}.column.omega,
+    .#{$name}.columns.alpha,
+    .#{$name}.columns.omega,
+    .#{$name}.column.alpha.omega,
+    .#{$name}.columns.alpha.omega, {
       margin: 0;
       width: 100%;
     }
-    .container .offset-by-#{$name} { padding-left: 0; }
+    .offset-by-#{$name} { padding-left: 0; }
   }
   .hidden-desktop { display: inherit !important; }
   .hidden-laptop { display: inherit !important; }
+  .hidden-tablet { display: inherit !important; }
   .hidden-phone { display: none !important; }
   .visible-desktop { display: none !important; }
   .visible-laptop { display: none !important; }
+  .visible-tablet { display: none !important; }
   .visible-phone { display: inherit !important; }
 }
 
@@ -132,6 +144,7 @@ $sizes: (
 .display-block { display: block !important; }
 .display-inline { display: inline !important; }
 .display-inline-block { display: inline-block !important; }
+.display-table { display: table !important; }
 
 /* # Pull
 ================================================== */
@@ -141,8 +154,8 @@ $sizes: (
 
 /* # Row
 ================================================== */
-.row-small { margin-bottom: 10px; }
 .row { margin-bottom: 20px; }
+.row-small { margin-bottom: 10px; }
 .row-medium { margin-bottom: 40px; }
 .row-large { margin-bottom: 60px; }
 

data/vendor/assets/stylesheets/_header.scss

@@ -12,17 +12,11 @@
   background: $color-white;
   border-bottom: 1px solid $color-haze;
   box-sizing: border-box;
+  color: $color-black;
   height: 60px;
   padding-top: 15px;
   width: 100%;
 }
-.header-fixed {
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 1030;
-}
 .header-brand {
   float: left;
   margin-top: -4px;
@@ -40,33 +34,33 @@
   margin: -7px 0 0 20px;
   width: 280px;
 }
-.header-search > input { margin: 0; }
+.header-search button,
+.header-search input,
+.header-search select { margin: 0; }
 .header-nav,
 .header-nav-alt,
 .header-toolchain {
-  list-style-type: none;
+  float: right;
+  list-style: none;
+  margin: 9px 0 0 0;
   padding: 0;
 }
 .header-nav { float: left; }
-.header-nav-alt,
-.header-toolchain { float: right; }
-.header-nav,
-.header-nav-alt { margin: 9px 0 0 0; }
 .header-toolchain { margin: 1px 25px 0 0; }
 .header-nav > li,
 .header-nav-alt > li,
 .header-toolchain > li {
   float: left;
-  color: $color-black;
+  line-height: 1;
 }
 .header-nav > li,
 .header-nav-alt > li {
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
-  line-height: 1;
   text-transform: uppercase;
 }
+.header-toolchain > li { font-size: 26px; }
 .header-nav > li,
 .header-nav > li.btn-group,
 .header-nav > li.btn-group + li.btn-group,
@@ -78,9 +72,6 @@
 .header-toolchain > li.btn-group + li.btn-group { margin-left: 15px; }
 .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; }
 .header-nav > li.lined > a {
   border-radius: 0 !important;
   border-bottom: 3px solid $color-transparent;
@@ -92,10 +83,6 @@
 .header-nav > li.lined > a:focus,
 .header-nav > li.lined.active > a { border-color: $color-primary; }
 .header-nav-alt > li > a { padding: 10px 0; }
-.header-toolchain > li > a {
-  font-size: 26px;
-  line-height: 1;
-}
 .header-nav > li > a:hover,
 .header-nav > li > a.active,
 .header-nav > li > a:active,
@@ -125,8 +112,8 @@
 .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, 5%);
-  border-color: darken($color-primary, 5%);
+  background: darken($color-primary, 2%);
+  border-color: darken($color-primary, 2%);
   color: $color-white;
 }
 .header-user {
@@ -134,7 +121,6 @@
   font-size: 13px;
   margin: -3px 0 0 20px;
 }
-.header-user > a { color: $color-black; }
 .header-user > a:hover,
 .header-user > a.active,
 .header-user > a:active,
@@ -168,65 +154,46 @@
 /* # Styles
 ================================================== */
 .header-borderless { border-bottom-color: $color-transparent; }
+.header-fixed {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1030;
+}
 
 /* # Colors
 ================================================== */
 .header-dark {
   background: $color-black;
   border-color: $color-dark-black;
+  color: $color-white;
 }
 .header-invisible {
   background: $color-transparent;
   border-color: $color-transparent;
+  color: $color-white;
 }
 .header-light {
   background: $color-light-haze;
   border-color: $color-dark-haze;
 }
-.header-dark .header-nav > li,
-.header-dark .header-nav-alt > li,
-.header-dark .header-toolchain > li,
-.header-dark .header-nav > li > a,
-.header-dark .header-nav-alt > li > a,
-.header-dark .header-toolchain > li > a,
-.header-dark .header-user > a,
-.header-invisible .header-brand > a,
-.header-invisible .header-nav > li,
-.header-invisible .header-nav-alt > li,
-.header-invisible .header-toolchain > li,
-.header-invisible .header-nav > li > a,
-.header-invisible .header-nav-alt > li > a,
-.header-invisible .header-toolchain > li > a,
-.header-invisible .header-user > a { color: $color-white; }
-.header-dark .header-nav > li > a:hover,
-.header-dark .header-nav > li > a.active,
-.header-dark .header-nav > li > a:active,
-.header-dark .header-nav > li > a:focus,
-.header-dark .header-nav-alt > li > a:hover,
-.header-dark .header-nav-alt > li > a.active,
-.header-dark .header-nav-alt > li > a:active,
-.header-dark .header-nav-alt > li > a:focus,
-.header-dark .header-toolchain > li > a:hover,
-.header-dark .header-toolchain > li > a.active,
-.header-dark .header-toolchain > li > a:active,
-.header-dark .header-toolchain > li > a:focus,
-.header-dark .header-user > a:hover,
-.header-dark .header-user > a.active,
-.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-invisible .header-brand > a { color: $color-white; }
 .header-invisible .header-nav-alt > li.inverse > a {
   background: $color-white;
   border-color: $color-white;
+  color: $color-black;
+}
+.header-invisible .header-nav-alt > li.inverse.outline > a {
+  background: $color-transparent;
   color: $color-white;
 }
-.header-invisible .header-nav-alt > li.inverse.outline > a { background: $color-transparent; }
 .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-white, 5%);
-  border-color: darken($color-white, 5%);
+  background: darken($color-white, 2%);
+  border-color: darken($color-white, 2%);
 }
 
 /* # Stripes

data/vendor/assets/stylesheets/_icon.scss

@@ -6,13 +6,13 @@
 ================================================== */
 @font-face {
   font-family: "Ionicons";
+  font-style: normal;
+  font-weight: normal;
   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;
 }
 .icon,
 .iconicons,
@@ -751,16 +751,16 @@
 .icon-xbox:before {
   box-sizing: border-box;
   display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   font-family: "Ionicons";
-  speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   line-height: 1;
   margin: 0;
   padding: 0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  speak: none;
   text-transform: none;
   text-rendering: auto;
 }

data/vendor/assets/stylesheets/_image.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Image
+# Alignments
 # Styles
 # Media Queries */
 
@@ -13,13 +14,16 @@ img {
   height: auto;
   max-width: 100%;
   vertical-align: middle;
-  width: auto\9;
+  width: auto;
 }
 
+/* # Alignments
+================================================== */
+.img-center { margin: 0 auto; }
+
 /* # Styles
 ================================================== */
 .img-circle { border-radius: 500px; }
-.img-center { margin: 0 auto; }
 .img-square { border-radius: 0; }
 
 /* # Media Queries

data/vendor/assets/stylesheets/_label_and_badge.scss

@@ -1,7 +1,9 @@
 /* Table of Contents
 ==================================================
 # Variables
-# Label and badge */
+# Label and badge
+# Styles
+# Colors */
 
 /* # Variables
 ================================================== */
@@ -55,6 +57,9 @@ $onwhite-colors: (
 .badge { border-radius: 500px; }
 .badge:empty,
 .label:empty { display: none; }
+
+/* # Styles
+================================================== */
 .badge-block,
 .label-block {
   display: block;

data/vendor/assets/stylesheets/_link.scss

@@ -5,6 +5,7 @@
 /* # Link
 ================================================== */
 a {
+  color: inherit;
   text-decoration: none;
   touch-action: manipulation;
   @include transition(all 0.3s ease-in-out);

data/vendor/assets/stylesheets/_list.scss

@@ -1,8 +1,9 @@
 /* Table of Contents
 ==================================================s
 # List
-# Sizes
 # Styles
+# Sizes
+# Colors
 # Media Queries */
 
 /* # List
@@ -11,6 +12,7 @@ dl > dt,
 dl > dd,
 ul,
 ol {
+  border-color: $color-haze !important;
   font-size: 16px;
   font-weight: normal;
   line-height: 25px;
@@ -34,84 +36,75 @@ ol { padding-left: 23px; }
 .list-lined,
 .list-striped,
 .list-unstyled {
-  list-style-type: none;
+  list-style: none;
   padding: 0;
 }
 .list-bordered > li,
 .list-lined > li,
 .list-striped > li { padding: 9px 10px 7px 10px; }
 .list-bordered > li {
-  border: 1px solid $color-haze;
-  border-bottom: none;
+  border: 1px solid;
+  border-bottom: 0;
+  border-color: inherit;
+}
+.list-bordered > li:last-child {
+  border-bottom: 1px solid;
+  border-color: inherit;
 }
-.list-bordered > li:last-child { border-bottom: 1px solid $color-haze; }
 .list-bordered.list-scrollable {
-  border-bottom: 1px solid $color-haze;
-  border-top: 1px solid $color-haze;
+  border-bottom: 1px solid;
+  border-top: 1px solid;
+  border-color: inherit;
 }
+.list-bordered.list-scrollable:empty { border: 0; }
 .list-bordered.list-scrollable > li:first-child { border-top: 0; }
 .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
-.list-bordered:empty { border: 0; }
 .list-inline > li {
   display: inline-block;
   margin-right: 10px;
 }
 .list-inline > li:last-child { margin-right: 0; }
 .list-lined > li {
-  border-top: 1px solid $color-haze;
+  border-top: 1px solid;
+  border-color: inherit;
   padding-left: 0;
   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: $color-haze; }
+.list-hover > li:hover { background: darken($color-light-haze, 2%); }
 
 /* # 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 {
+.list-condensed {
   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;
-}
+.list-condensed.list-bordered > li,
+.list-condensed.list-lined > li,
+.list-condensed.list-striped > li, { padding: 5px 5px 4px 5px; }
 
 /* # Colors
 ================================================== */
 .list-dark {
   background: $color-black;
-  border-color: $color-dark-black;
+  border-color: $color-dark-black !important;
   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-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze !important;
+  color: $color-black;
+}
+.list-white {
+  background: $color-white;
+  border-color: $color-haze !important;
+  color: $color-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-dark.list-hover > li:hover { background: darken($color-black, 2%); }
 .list-light.list-striped > li:nth-child(odd) { background: $color-haze; }
-.list-light.list-hover > li:hover { background: $color-dark-haze; }
+.list-light.list-hover > li:hover { background: darken($color-haze, 2%); }
 
 /* # Media Queries
 ================================================== */
@@ -125,5 +118,5 @@ only screen and (                min-resolution: 2dppx) {
   .list-bordered > li,
   .list-bordered > li:last-child,
   .list-bordered.list-scrollable,
-  .list-lined > li  { border-width: 0.5px; }
+  .list-lined > li { border-width: 0.5px; }
 }