active_frontend 11.1.0 → 12.0.0

data/vendor/assets/stylesheets/_loader.scss

@@ -1,7 +1,8 @@
 /* Table of Contents
 ==================================================
 # Keyframes
-# Loader */
+# Loader
+# Colors */
 
 /* # Keyframes
 ================================================== */
@@ -61,4 +62,9 @@
   height: 18px;
   pointer-events: none;
   width: 18px;
-}
+}
+
+/* # Colors
+================================================== */
+.loader-dark { background: $color-black; }
+.loader-light { background: $color-haze; }

data/vendor/assets/stylesheets/_map.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Map
+# Alignments
 # Colors
 # Media Queries */
 
@@ -14,6 +15,9 @@
   min-height: 220px;
   min-width:220px;
 }
+
+/* # Alignments
+================================================== */
 .map-center { margin: 0 auto; }
 
 /* # Colors

data/vendor/assets/stylesheets/_missive.scss

@@ -11,6 +11,7 @@
   border: 1px solid $color-haze;
   border-radius: 3px;
   box-sizing: border-box;
+  color: $color-light-gray;
   margin-bottom: 20px;
 }
 .missive-icon,
@@ -19,20 +20,16 @@
   float: left;
 }
 .missive-icon {
-  color: $color-dark-haze;
   font-size: 84px;
   line-height: 120px;
   text-align: center;
   width: 100px;
 }
-.missive-content {
-  color: $color-light-gray;
-  padding: 20px 15px 20px 0;
-  width: calc(100% - 100px);
-}
 .missive-content {
   font-size: 14px;
   line-height: 22px;
+  padding: 20px 15px 20px 0;
+  width: calc(100% - 100px);
 }
 .missive-content > p:last-child { margin-bottom: 0; }
 
@@ -41,9 +38,8 @@
 .missive-dark {
   background: $color-black;
   border-color: $color-dark-black;
+  color: $color-dark-gray;
 }
-.missive-dark .missive-icon { color: $color-light-black; }
-.missive-dark .missive-content { color: $color-dark-gray; }
 .missive-light {
   background: $color-light-haze;
   border-color: $color-dark-haze;

data/vendor/assets/stylesheets/_mixin.scss

@@ -24,6 +24,11 @@
       -ms-animation-fill-mode: $mode;
           animation-fill-mode: $mode;
 }
+@mixin animation-iteration-count($iteration-count) {
+  -webkit-animation-iteration-count: $iteration-count;
+      -ms-animation-iteration-count: $iteration-count;
+          animation-iteration-count: $iteration-count;
+}
 @mixin animation-name($name) {
   -webkit-animation-name: $name;
       -ms-animation-name: $name;

data/vendor/assets/stylesheets/_modal.scss

@@ -1,38 +1,23 @@
 /* Table of Contents
 ==================================================
 # Modal
+# Components
+# Styles
+# Directions
 # Colors
 # Media Queries */
 
 /* # Modal
 ================================================== */
-.modal-backdrop {
-  background: transparentize($color-black, 0.1);
-  bottom: 0;
-  height: 100%;
-  left: 0;
-  min-height: 100%;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 1040;
-}
-.modal-backdrop.fade {
-  filter: alpha(opacity=0);
-  opacity: 0;
-}
-.modal-backdrop.fade.in {
-  filter: alpha(opacity=100);
-  opacity: 1;
-}
 .modal {
   background: $color-white;
   background-clip: padding-box;
+  border-color: $color-haze;
   border-radius: 3px;
   box-shadow: 0 0 3px transparentize($color-dark-black, 0.7);
+  color: $color-black;
   display: none;
-  left: 50%;
-  margin-left: -280px;
+  margin-left: calc(50% - (560px / 2));
   outline: 0;
   position: fixed;
   top: 0;
@@ -44,13 +29,20 @@
   top: -100%;
 }
 .modal.fade.in { top: 15%; }
+.modal form { border-color: inherit; }
 .modal-header {
-  border-bottom: 1px solid $color-haze;
+  border-bottom: 1px solid;
+  border-color: inherit;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   padding: 23px 15px 20px 15px;
 }
-.modal-header > h3 {
+.modal-header > h1,
+.modal-header > h2,
+.modal-header > h3,
+.modal-header > h4,
+.modal-header > h5,
+.modal-header > h6 {
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 1;
@@ -67,7 +59,8 @@
 .modal-body .container { width: 100%; }
 .modal-body p:last-child { margin-bottom: 0; }
 .modal-footer {
-  border-top: 1px solid $color-haze;
+  border-top: 1px solid;
+  border-color: inherit;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
@@ -76,7 +69,8 @@
   @include appearance(none);
   background: $color-transparent;
   border: 0;
-  border-right: 1px solid $color-haze;
+  border-right: 1px solid;
+  border-color: inherit;
   box-sizing: border-box;
   color: inherit;
   cursor: pointer;
@@ -103,34 +97,90 @@
 }
 .modal-footer-btn-group > .modal-footer-btn { width: 50%; }
 
+/* # Components
+================================================== */
+.modal-backdrop {
+  background: transparentize($color-black, 0.1);
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  min-height: 100%;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1040;
+}
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+.modal-backdrop.fade.in {
+  filter: alpha(opacity=100);
+  opacity: 1;
+}
+
+/* # Styles
+================================================== */
+.modal-aside {
+  border-radius: 0;
+  height: 100%;
+  margin: 0;
+  right: 0;
+}
+.modal-aside form { height: 100%; }
+.modal-aside.fade,
+.modal-aside.fade.in { top: 0; }
+.modal-aside.fade {
+  right: -100%;
+  @include transition((opacity 0.2s linear, right 0.4s ease-in-out));
+}
+.modal-aside.fade.in { right: 0; }
+.modal-aside .modal-header {
+  padding-bottom: 19px;
+  padding-top: 21px;
+}
+.modal-aside .modal-body {
+  height: calc(100% - 142px);
+  max-height: calc(100% - 142px);
+}
+
+/* # Directions
+================================================== */
+.modal-aside-alt {
+  left: 0;
+  right: initial;
+}
+.modal-aside-alt.fade {
+  left: -100%;
+  right: 0;
+  @include transition((opacity 0.2s linear, left 0.4s ease-in-out));
+}
+.modal-aside-alt.fade.in {
+  left: 0;
+  right: initial;
+}
+
 /* # Colors
 ================================================== */
 .modal-dark {
   background: $color-black;
+  border-color: $color-dark-black;
   color: $color-white;
 }
-.modal-light { background: $color-light-haze; }
-.modal-dark .modal-header,
-.modal-dark .modal-footer,
-.modal-dark .modal-footer-btn { border-color: $color-dark-black; }
-.modal-light .modal-header,
-.modal-light .modal-footer,
-.modal-light .modal-footer-btn { border-color: $color-dark-haze; }
+.modal-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
+}
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
   .modal {
-    margin-left: -150px;
-    width: 300px;
+    margin-left: 15px;
+    width: calc(100% - 30px);
   }
   .modal-body { max-height: 180px; }
-}
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-  .modal {
-    margin-left: -210px;
-    width: 420px;
-  }
+  .modal-aside { margin: 0; }
 }
 @media
 only screen and (-webkit-min-device-pixel-ratio: 2),

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -8,15 +8,13 @@
 /* # Nav
 ================================================== */
 .nav {
+  border-color: $color-haze !important;
+  color: $color-gray;
   list-style: none;
   margin: 0 0 20px 0;
   padding: 0;
 }
-.nav > .pull-none { float: none; }
-.nav > .pull-left { float: left; }
-.nav > .pull-right { float: right; }
 .nav > li > a {
-  color: $color-dark-gray;
   display: block;
   font-size: 14px;
   font-weight: bold;
@@ -30,24 +28,11 @@
   display: block;
   font-size: 14px;
   font-weight: bold;
-  line-height: 20px;
-  padding: 10px 15px;
-}
-.nav > li + .nav-header { margin-top: 10px; }
-.nav-list {
-  margin-bottom: 0;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-.nav-list > li > a,
-.nav-list .nav-header {
-  margin-left: -15px;
-  margin-right: -15px;
-}
-.nav-list > li > a {
-  font-weight: bold;
-  padding: 13px 15px 11px 15px;
+  line-height: 1;
+  padding: 14px 15px 13px 15px;
 }
+.nav-list { margin-bottom: 0; }
+.nav-list > li > a { padding: 13px 15px 11px 15px; }
 .nav-list > li > a:hover,
 .nav-list > li > a:focus { background: $color-haze; }
 .nav-list > li > a:active,
@@ -74,31 +59,38 @@
 }
 .nav-tabs:after,
 .nav-pills:after { clear: both; }
-.nav-tabs { border-bottom: 1px solid $color-haze; }
+.nav-tabs {
+  border-bottom: 1px solid;
+  border-color: inherit;
+}
 .nav-tabs > li,
-.nav-pills > li { float: left; }
+.nav-pills > li {
+  border-color: inherit;
+  float: left;
+}
+.nav-tabs > li { margin-right: 20px; }
+.nav-tabs > li:last-child { margin: 0; }
 .nav-tabs > li > a {
+  background: $color-transparent;
   border-bottom: 3px solid $color-transparent;
-  margin-right: 20px;
   padding-bottom: 10px;
 }
 .nav-tabs > li > a:hover,
 .nav-tabs > li > a:active,
-.nav-tabs > li > a:focus { border-bottom-color: $color-haze; }
+.nav-tabs > li > a:focus { border-color: inherit; }
 .nav-tabs > .active > a,
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:active,
 .nav-tabs > .active > a:focus {
-  border-bottom-color: $color-primary;
+  border-color: $color-primary;
   color: $color-primary;
 }
 .nav-tabs .open a.dropdown-toggle { background: $color-transparent; }
 .nav-pills > li > a {
   background: $color-light-haze;
   border-radius: 2px;
-  color: $color-dark-gray;
   margin-right: 3px;
-  padding: 10px 10px 9px 10px;
+  padding: 10px 10px 8px 10px;
 }
 .nav-pills > li > a:hover,
 .nav-pills > li > a:active,
@@ -110,14 +102,16 @@
   background: $color-primary;
   color: $color-white;
 }
-.nav-stacked > li { float: none; }
-.nav-stacked > li > a { margin-right: 0; }
-.nav-tabs.nav-stacked { border-bottom: 0; }
+.nav-stacked > li {
+  float: none;
+  margin: 0;
+}
+.nav-tabs.nav-stacked { border: 0; }
+.nav-tabs.nav-stacked > li > a,
+.nav-pills.nav-stacked > li > a { padding: 12px 10px 10px 10px; }
 .nav-tabs.nav-stacked > li > a {
   background: $color-light-haze;
-  border-bottom: 0;
-  color: $color-dark-gray;
-  padding: 12px 10px 10px 10px;
+  border: 0;
 }
 .nav-tabs.nav-stacked > li:first-child > a {
   border-top-right-radius: 2px;
@@ -128,30 +122,21 @@
   border-bottom-left-radius: 2px;
 }
 .nav-tabs.nav-stacked > li > a:hover,
-.nav-tabs.nav-stacked > li > a:focus {
-  background: $color-haze;
-  z-index: 2;
-}
+.nav-tabs.nav-stacked > li > a:focus { background: $color-haze; }
 .nav-tabs.nav-stacked > li > a:active,
 .nav-tabs.nav-stacked > .active > a {
   background: $color-primary;
   color: $color-white;
 }
-.nav-pills.nav-stacked > li > a {
-  margin-bottom: 3px;
-  padding: 12px 10px 10px 10px;
-}
-.nav-pills.nav-stacked > li:last-child > a { margin-bottom: 0; }
-.nav-tabs .dropdown-toggle,
-.nav-pills .dropdown-toggle { margin-bottom: -1px; }
+.nav-pills.nav-stacked > li { margin-bottom: 3px; }
+.nav-pills.nav-stacked > li:last-child { margin-bottom: 0; }
+.nav-tabs .dropdown-toggle { margin-top: -1px; }
+.nav-pills .dropdown-toggle { padding: 9px 10px 8px 10px; }
 .nav-tabs .open .dropdown-toggle,
 .nav-pills .open .dropdown-toggle,
 .nav > li.dropdown.open.active > a:hover,
 .nav > li.dropdown.open.active > a:active,
-.nav > li.dropdown.open.active > a:focus {
-  background: $color-haze;
-  color: $color-black;
-}
+.nav > li.dropdown.open.active > a:focus { background: $color-haze; }
 
 /* # Tab
 ================================================== */
@@ -190,14 +175,11 @@
 
 /* # Colors
 ================================================== */
-.nav-dark > li > a,
-.nav-dark.nav-pills > li > a,
-.nav-dark.nav-tabs.nav-stacked > li > a,
-.nav-dark.nav-tabs .open .dropdown-toggle,
-.nav-dark.nav-pills .open .dropdown-toggle,
-.nav-dark > li.dropdown.open.active > a:hover,
-.nav-dark > li.dropdown.open.active > a:active,
-.nav-dark > li.dropdown.open.active > a:focus { color: $color-white; }
+.nav-dark {
+  border-color: $color-dark-black !important;
+  color: $color-white;
+}
+.nav-light { border-color: $color-dark-haze !important; }
 .nav-dark.nav-list > li > a:hover,
 .nav-dark.nav-list > li > a:focus,
 .nav-dark.nav-list > li > a:active,
@@ -212,10 +194,6 @@
 .nav-dark > li.dropdown.open.active > a:hover,
 .nav-dark > li.dropdown.open.active > a:active,
 .nav-dark > li.dropdown.open.active > a:focus  { background: $color-light-black; }
-.nav-dark.nav-tabs { border-bottom-color: $color-dark-black; }
-.nav-dark.nav-tabs > li > a:hover,
-.nav-dark.nav-tabs > li > a:active,
-.nav-dark.nav-tabs > li > a:focus { border-bottom-color: $color-light-black; }
 .nav-dark.nav-list > .divider,
 .nav-dark.nav-pills > li > a:hover,
 .nav-dark.nav-pills > li > a:active,
@@ -242,10 +220,6 @@
 .nav-light.nav-pills > li > a:focus,
 .nav-light.nav-tabs.nav-stacked > li > a:hover,
 .nav-light.nav-tabs.nav-stacked > li > a:focus  { background: $color-dark-haze; }
-.nav-light.nav-tabs,
-.nav-light.nav-tabs > li > a:hover,
-.nav-light.nav-tabs > li > a:active,
-.nav-light.nav-tabs > li > a:focus { border-bottom-color: $color-dark-haze; }
 
 /* # Media Queries
 ================================================== */
@@ -256,5 +230,6 @@ 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) {
+  .nav-list > .divider { height: 0.5px; }
   .nav-tabs { border-width: 0.5px; }
 }