active_frontend 12.4.32 → 13.0.0

data/vendor/assets/stylesheets/_subheader.scss

@@ -26,159 +26,44 @@
 .subheader-nav-toolbar-adjustment { margin-left: 34px; }
 .subheader-nav-toolbar-adjustment-alt { margin-right: 34px; }
 .subheader-nav > li {
-  border-left: 1px solid;
   border-color: inherit;
   float: left;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: bold;
   line-height: 1;
-  margin: 0 !important;
-}
-.subheader-nav > li:last-child {
-  border-right: 1px solid;
-  border-color: inherit;
+  margin: 0 20px 0 0 !important;
 }
+.subheader-nav > li:last-child { margin-right: 0 !important; }
 .subheader-nav > li.btn-group,
 .subheader-nav > li.btn-group a { border-radius: 0 !important; }
 .subheader-nav > li.btn-group + li.btn-group { margin: 0 !important; }
+.subheader-nav > li.spacer {
+  color: $color-primary;
+  font-size: 40px;
+}
 .subheader-nav > li > a {
   border-bottom: 4px solid $color-transparent;
   box-sizing: border-box;
   display: block;
   height: 41px;
-  padding: 15px 20px 11px 20px;
-  min-width: 160px;
+  padding: 15px 0px 11px 0px;
   text-align: center;
 }
 .subheader-nav > li > a:hover,
 .subheader-nav > li > a:focus { border-color: inherit; }
 .subheader-nav > li > a.active,
 .subheader-nav > li > a:active { border-color: $color-primary; }
-.subheader-nav-large > li > a { min-width: 220px; }
 .subheader-nav .label {
   border-radius: 2px;
-  font-size: 9px;
+  font-size: 10px;
   font-style: normal;
   letter-spacing: 0;
   line-height: 1;
-  margin: -6px 0 -4px 0;
+  margin: -5px 0 -4px 0;
   min-width: 19px;
-  padding: 4px 5px 3px 5px;
+  padding: 5px 5px 4px 5px;
   vertical-align: middle;
 }
-.subheader-collapse {
-  background: $color-white;
-  border: 1px solid;
-  border-color: inherit;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  box-sizing: border-box;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: 1;
-  overflow: hidden;
-  position: fixed;
-  text-transform: none;
-  width: 280px;
-}
-.subheader-collapse-title {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  display: table;
-  font-size: 12px;
-  line-height: 1;
-  table-layout: fixed;
-  vertical-align: middle;
-  max-width: 100%;
-  width: 100%;
-}
-.subheader-collapse-title h1,
-.subheader-collapse-title h2,
-.subheader-collapse-title h3,
-.subheader-collapse-title h4,
-.subheader-collapse-title h5,
-.subheader-collapse-title h6,
-.subheader-collapse-title-btn {
-  box-sizing: border-box;
-  display: table-cell;
-  line-height: 1;
-  vertical-align: middle;
-}
-.subheader-collapse-title h1,
-.subheader-collapse-title h2,
-.subheader-collapse-title h3,
-.subheader-collapse-title h4,
-.subheader-collapse-title h5,
-.subheader-collapse-title h6 {
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 1px;
-  margin: 0;
-  padding: 10px;
-  text-transform: uppercase;
-}
-.subheader-collapse-title-btn {
-  border-left: 1px solid;
-  border-color: inherit;
-  color: $color-primary;
-  font-size: 18px;
-  padding-top: 2px;
-  text-align: center;
-  width: 33px;
-}
-.subheader-collapse-title-btn:hover,
-.subheader-collapse-title-btn.active,
-.subheader-collapse-title-btn:active,
-.subheader-collapse-title-btn:focus { background: $color-light-haze; }
-.subheader-collapse-navbar {
-  border-collapse: separate;
-  border-bottom: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  display: table;
-  height: 40px;
-  table-layout: fixed;
-  width: 100%;
-}
-.subheader-collapse-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%;
-}
-.subheader-collapse-navbar > a:last-child { border: 0; }
-.subheader-collapse-navbar > a:hover,
-.subheader-collapse-navbar > a.active,
-.subheader-collapse-navbar > a:active,
-.subheader-collapse-navbar > a:focus {
-  background: $color-transparent !important;
-  color: $color-primary;
-}
-.subheader-collapse-navbar-indicator {
-  background: $color-primary;
-  border-radius: 500px;
-  display: inline-block;
-  height: 8px;
-  margin: -7px 0 0 -13px;
-  position: absolute;
-  width: 8px;
-}
-.subheader-collapse-form {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  padding: 8px 10px 5px 10px;
-}
-.subheader-collapse-action {
-  border-top: 1px solid;
-  border-color: inherit;
-  padding: 10px;
-}
 .subheader-btn-group { margin-top: 8px; }
 
 /* # Styles
@@ -190,51 +75,27 @@
   width: inherit;
   z-index: 1030;
 }
-.subheader-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 25%); }
+.subheader-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
 .subheader-shadowless { box-shadow: 0; }
 
 /* # Colors
 ================================================== */
 .subheader-dark,
-.subheader-dark .subheader-nav,
-.subheader-dark .subheader-collapse {
+.subheader-dark .subheader-nav {
   background: $color-black;
   border-color: $color-dark-black !important;
   color: $color-white;
 }
-.subheader-dark .subheader-collapse-title-btn:hover,
-.subheader-dark .subheader-collapse-title-btn.active,
-.subheader-dark .subheader-collapse-title-btn:active,
-.subheader-dark .subheader-collapse-title-btn:focus,
-.subheader-dark .subheader-collapse-navbar > a { background: $color-light-black; }
-.subheader-dark.subheader-shadow { box-shadow: 0 1px 2px $color-dark-black; }
+.subheader-dark.subheader-shadow { box-shadow: 0 0 3px $color-dark-black; }
 .subheader-light,
-.subheader-light .subheader-nav,
-.subheader-light .subheader-collapse {
-  background: $color-light-haze;
+.subheader-light .subheader-nav {
+  background: lighten($color-light-haze, 2%);
   border-color: $color-dark-haze !important;
 }
-.subheader-light .subheader-collapse-title-btn:hover,
-.subheader-light .subheader-collapse-title-btn.active,
-.subheader-light .subheader-collapse-title-btn:active,
-.subheader-light .subheader-collapse-title-btn:focus,
-.subheader-light .subheader-collapse-navbar > a { background: $color-dark-haze; }
-.subheader-light.subheader-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
+.subheader-light.subheader-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
 
 /* # Media Queries
 ================================================== */
-@media only screen and (max-width: 1365px) {
-  .subheader-nav > li > a { min-width: 130px; }
-  .subheader-nav-large > li > a { min-width: 200px; }
-}
-@media only screen and (max-width: 1199px) {
-  .subheader-nav > li > a { min-width: 100px; }
-  .subheader-nav-large > li > a { min-width: 200px; }
-}
-@media only screen and (max-width: 959px) {
-  .subheader-nav > li > a { min-width: 70px; }
-  .subheader-nav-large > li > a { min-width: 180px; }
-}
 @media only screen and (max-width: 767px) {
   .subheader { display: none; }
 }
@@ -245,29 +106,7 @@ only screen and (     -o-min-device-pixel-ratio: 2/1),
 only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
+  .subheader { border-width: 0.5px; }
   .subheader-nav > li > a { height: 41.5px; }
-  .subheader,
-  .subheader-nav > li,
-  .subheader-nav > li:last-child,
-  .subheader-collapse,
-  .subheader-collapse-title,
-  .subheader-collapse-title-btn,
-  .subheader-collapse-navbar,
-  .subheader-collapse-navbar > a,
-  .subheader-collapse-form,
-  .subheader-collapse-form input,
-  .subheader-collapse-form select,
-  .subheader-collapse-form textarea,
-  .subheader-collapse-form .form-select,
-  .subheader-collapse-form .form-input-group,
-  .subheader-collapse-form .form-file-group,
-  .subheader-collapse-action { border-width: 0.5px; }
-  .subheader-collapse-title h1,
-  .subheader-collapse-title h2,
-  .subheader-collapse-title h3,
-  .subheader-collapse-title h4,
-  .subheader-collapse-title h5,
-  .subheader-collapse-title h6 { letter-spacing: 0.5px; }
-  .subheader-collapse-navbar-indicator { margin: -6.5px 0 0 -10.5px; }
   .subheader-nav-toolbar-adjustment { margin-left: 34.5px; }
-}
+}

data/vendor/assets/stylesheets/_swoggle.scss

@@ -43,8 +43,8 @@ $onwhite-colors: (
   z-index: -1;
 }
 .swoggle {
-  background: $color-haze;
-  border: 1px solid $color-haze;
+  background: $color-light-haze;
+  border: 1px solid $color-light-haze;
   border-radius: 500px;
   color: $color-gray;
   cursor: pointer;
@@ -117,4 +117,4 @@ $onwhite-colors: (
     border-color: $color;
     color: $color-white;
   }
-}
+}

data/vendor/assets/stylesheets/_table.scss

@@ -40,8 +40,7 @@ table {
   line-height: 25px;
 }
 .table caption {
-  // border-bottom: 1px solid;
-  border-color: inherit;
+  border-color: red;
   letter-spacing: 1px;
   text-transform: uppercase;
 }
@@ -51,6 +50,11 @@ table {
   border-top: 1px solid;
   border-color: inherit;
 }
+.table thead tr th {
+  border-bottom: 2px solid;
+  border-color: inherit;
+}
+.table tfoot tr td { border-top-width: 2px; }
 .table thead tr th,
 .table tfoot tr td {
   font-size: 14px;
@@ -61,13 +65,13 @@ table {
 .table thead tr th.tablespy-sort-desc:before,
 .table thead tr th.tablespy-sort-none:before {
   float: right;
-  font-family: "Ionicons";
+  font-family: "dripicons";
   font-style: normal;
   font-weight: normal;
 }
-.table thead tr th.tablespy-sort-asc:before { content: "\f3d8"; }
-.table thead tr th.tablespy-sort-desc:before { content: "\f3d0"; }
-.table thead tr th.tablespy-sort-none:before { content: "\f462"; }
+.table thead tr th.tablespy-sort-asc:before { content: "\57"; }
+.table thead tr th.tablespy-sort-desc:before { content: "\54"; }
+.table thead tr th.tablespy-sort-none:before { content: "\e024"; }
 .table thead tr th.tablespy-sort-asc,
 .table thead tr th.tablespy-sort-desc,
 .table thead tr th.tablespy-sort-none { cursor: pointer; }
@@ -75,8 +79,9 @@ table {
 .table thead tr th.tablespy-sort-empty { pointer-events: none; }
 .table colgroup + thead tr:first-child th,
 .table thead:first-child tr:first-child th { border-top: 0; }
+.table caption + thead tr:first-child th,
 .table tbody + tbody {
-  border-top: 1px solid;
+  border-top: 2px solid;
   border-color: inherit;
 }
 @each $alignment in $alignments {
@@ -96,7 +101,6 @@ table {
 .table-bordered caption {
   border: 1px solid;
   border-color: inherit;
-  border-bottom-width: 0;
 }
 .table-bordered thead tr th,
 .table-bordered tbody tr td,
@@ -110,8 +114,10 @@ table {
 .table-bordered colgroup + tbody tr:first-child td,
 .table-bordered thead:first-child tr:first-child th,
 .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
-.table-striped tbody tr:nth-child(odd) td { background: $color-light-haze; }
-.table-hover tbody tr:hover td { background: darken($color-light-haze, 2%); }
+.table-bordered thead tr th,
+.table-hover thead tr th { border-bottom-width: 1px; }
+.table-striped tbody tr:nth-child(odd) td { background: lighten($color-light-haze, 2%); }
+.table-hover tbody tr:hover td { background: $color-light-haze; }
 .table-unbordered,
 .table-unbordered thead,
 .table-unbordered tbody,
@@ -137,6 +143,9 @@ table {
   font-size: 13px;
   line-height: 21px;
 }
+.table-condensed thead tr th.tablespy-sort-asc:before,
+.table-condensed thead tr th.tablespy-sort-desc:before,
+.table-condensed thead tr th.tablespy-sort-none:before { font-size: 18px; }
 .table-scrollable {
   height: 300px;
   overflow: auto;
@@ -201,4 +210,4 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .table caption { letter-spacing: 0.5px; }
-}
+}

data/vendor/assets/stylesheets/_timepicker.scss

@@ -4,16 +4,11 @@
 
 /* # Timepicker
 ================================================== */
-.timepicker-widget.dropdown-menu {
-  display: none;
-  opacity: 1;
-  padding: 5px 0;
-  @include transition(none);
-  visibility: visible;
-}
 .timepicker-widget.dropdown-menu.open {
+  @include animation-duration(0.5s);
+  @include animation-fill-mode(both);
+  @include animation-name(animation-bounce-in);
   display: block;
-  z-index: 1060;
 }
 .timepicker-widget.dropdown-menu:before {
   border-bottom: 7px solid;
@@ -60,6 +55,7 @@
   width: 100%;
 }
 .timepicker-widget > table td {
+  font-size: 14px;
   height: 30px;
   margin: 0;
   padding: 0;
@@ -69,12 +65,13 @@
 .timepicker-widget > table td span { width: 100%; }
 .timepicker-widget > table td > a {
   display: inline-block;
+  font-size: 24px;
   margin: 0;
-  padding: 8px 0;
+  padding: 0;
   outline: 0;
   width: 100%;
 }
 .timepicker-widget > table td > a:hover,
 .timepicker-widget > table td > a.active,
 .timepicker-widget > table td > a:active,
-.timepicker-widget > table td > a:focus { color: $color-primary; }
+.timepicker-widget > table td > a:focus { color: $color-primary; }

data/vendor/assets/stylesheets/_toolbar.scss

@@ -29,13 +29,11 @@
 .toolbar > a {
   background: $color-transparent;
   border: 0;
-  border-bottom: 1px solid;
-  border-color: inherit;
   border-radius: 0;
   box-sizing: border-box;
   color: inherit;
   display: block;
-  font-size: 21px;
+  font-size: 26px;
   height: 55px;
   line-height: 60px;
   padding: 0;
@@ -46,7 +44,7 @@
 .toolbar > a:hover,
 .toolbar > a.active,
 .toolbar > a:active,
-.toolbar > a:focus { background: $color-light-haze; }
+.toolbar > a:focus { background: $color-haze; }
 .toolbar > a.active,
 .toolbar > a:active { color: $color-primary; }
 .toolbar > a[disabled] {
@@ -57,22 +55,18 @@
 }
 .toolbar > a > .label {
   border-radius: 2px;
-  font-size: 9px;
+  font-size: 10px;
   font-style: normal;
   letter-spacing: 0;
   line-height: 1;
   margin: 5px 0 0 -5px;
   min-width: 19px;
-  padding: 4px 5px 3px 5px;
+  padding: 5px 5px 4px 5px;
   position: absolute;
   text-indent: 0 !important;
   vertical-align: middle;
 }
 .toolbar-alt > a > .label { margin-left: 5px; }
-.toolbar > .tooltip {
-  min-width: 90px;
-  width: 90px;
-}
 
 /* # Styles
 ================================================== */
@@ -111,17 +105,11 @@
   background: $color-light-black;
   border-bottom-color: $color-dark-black !important;
 }
-.toolbar-light {
-  background: $color-light-haze;
-  border-color: $color-dark-haze !important;
-}
+.toolbar-light { background: lighten($color-light-haze, 2%); }
 .toolbar-light > a:hover,
 .toolbar-light > a.active,
 .toolbar-light > a:active,
-.toolbar-light > a:focus {
-  background: $color-haze;
-  border-bottom-color: $color-dark-haze !important;
-}
+.toolbar-light > a:focus { background: $color-haze; }
 
 /* # Media Queries
 ================================================== */
@@ -136,8 +124,7 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .toolbar,
-  .toolbar-alt,
-  .toolbar > a { border-width: 0.5px; }
+  .toolbar-alt { border-width: 0.5px; }
   .toolbar-bordered > a { text-indent: 2px; }
   .toolbar-bordered.toolbar-alt > a { text-indent: -2px; }
-}
+}

data/vendor/assets/stylesheets/_tooltip.scss

@@ -11,16 +11,17 @@
   display: block;
   float: none;
   font-family: $typography-sans-serif;
-  font-size: 11px;
+  font-size: 12px;
   font-style: normal;
   font-weight: bold;
   letter-spacing: 0;
-  line-height: 17px;
+  line-height: 18px;
   opacity: 0;
   filter: alpha(opacity=0);
   position: absolute;
   text-decoration: none;
   text-transform: none;
+  @include transition(all 0.09s ease-in-out);
   visibility: visible;
   z-index: 1070;
 }
@@ -101,4 +102,4 @@
   color: $color-dark-black;
 }
 .tooltip-light > .tooltip-inner { background: $color-light-haze; }
-.tooltip-white > .tooltip-inner { background: $color-white; }
+.tooltip-white > .tooltip-inner { background: $color-white; }

data/vendor/assets/stylesheets/_transition.scss

@@ -8,4 +8,4 @@
   opacity: 0;
   @include transition(opacity 0.3s linear);
 }
-.fade.in { opacity: 1; }
+.fade.in { opacity: 1; }

data/vendor/assets/stylesheets/_trunk.scss

@@ -10,6 +10,7 @@
   background: $color-white;
   border-bottom: 1px solid;
   border-color: $color-haze;
+  box-sizing: border-box;
   color: $color-gray;
   position: fixed;
   top: 50px;
@@ -21,6 +22,10 @@
   border-color: inherit !important;
   padding: 30px 0;
 }
+.trunk-search {
+  padding: 0 5px;
+  margin-bottom: 20px;
+}
 .trunk-nav,
 .trunk-user {
   border-color: inherit !important;
@@ -36,7 +41,7 @@
 .trunk-nav > li,
 .trunk-user > li {
   font-size: 11px;
-  font-weight: 500;
+  font-weight: bold;
   line-height: 1;
   margin: 5px;
 }
@@ -59,11 +64,9 @@
 .trunk-nav > li.title {
   border-bottom: 1px solid;
   border-color: inherit;
-  color: $color-primary;
-  font-size: 12px;
-  letter-spacing: 1px;
-  padding: 8px 10px;
-  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 8px 10px 7px 10px;
 }
 .trunk-nav > li.divider { height: 0; }
 .trunk-user > li {
@@ -79,23 +82,20 @@
   display: block;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-size: 11px;
-  font-weight: 500;
-  letter-spacing: 1px;
-  padding: 11px 0 10px 0;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 10px 0;
   text-align: center;
   text-decoration: none;
   text-rendering: geometricPrecision;
-  text-transform: uppercase;
   @include transition(all 0.3s linear);
   vertical-align: middle;
   white-space: nowrap;
 }
 .trunk-nav > li > a {
-  border: 1px solid;
+  border: 2px solid;
   border-color: inherit;
 }
-.trunk-user > li > a { padding: 9px 0 8px 0; }
 .trunk-nav > li > a:hover,
 .trunk-nav > li > a:active,
 .trunk-nav > li > a.active,
@@ -119,10 +119,6 @@
   width: 40px;
   vertical-align: middle;
 }
-.trunk-user > li.trunk-user-placeholder > i {
-  font-size: 26px;
-  line-height: 42px;
-}
 
 /* # Colors
 ================================================== */
@@ -132,7 +128,7 @@
   color: $color-white;
 }
 .trunk-light {
-  background: $color-light-haze;
+  background: lighten($color-light-haze, 2%);
   border-color: $color-dark-haze;
 }
 
@@ -147,9 +143,5 @@ only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .trunk,
   .trunk-nav > li.title,
-  .trunk-nav > li.divider,
-  .trunk-nav > li > a { border-width: 0.5px; }
-  .trunk-nav > li.title,
-  .trunk-nav > li > a,
-  .trunk-user > li > a { letter-spacing: 0.5px; }
-}
+  .trunk-nav > li.divider { border-width: 0.5px; }
+}

data/vendor/assets/stylesheets/_typeahead.scss

@@ -8,16 +8,11 @@
   margin-top: 4px;
   z-index: 1060;
 }
-.typeahead.dropdown-menu {
-  display: none;
-  opacity: 1;
-  @include transition(none);
-  visibility: visible;
-}
+.typeahead.dropdown-menu { display: block; }
 .typeahead.dropdown-menu > li > a b { color: $color-primary; }
 x {
   display: block;
   color: $color-gray;
   font-style: italic;
   font-weight: normal;
-}
+}

data/vendor/assets/stylesheets/_typography.scss

@@ -230,4 +230,4 @@ strong { font-weight: 500; }
 .text-light { font-weight: 200; }
 .text-normal { font-weight: normal; }
 .text-semibold { font-weight: 500; }
-.text-bold { font-weight: bold; }
+.text-bold { font-weight: bold; }

data/vendor/assets/stylesheets/_variable.scss

@@ -18,4 +18,4 @@ $typography-heading-font: 'Gotham';
 $typography-heading: $typography-heading-font, 'Helvetica', Helvetica, Arial, sans-serif;
 $typography-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace;
 $typography-sans-serif: $typography-base-font, 'Helvetica', Helvetica, Arial, sans-serif;
-$typography-serif: 'Times New Roman', Times, serif;
+$typography-serif: 'Times New Roman', Times, serif;

data/vendor/assets/stylesheets/active_frontend.scss

@@ -58,4 +58,4 @@
 @import 'transition';
 @import 'trunk';
 @import 'typography';
-@import 'typeahead';
+@import 'typeahead';