active_frontend 7.0.2 → 8.0.0

data/vendor/assets/stylesheets/_code.scss

@@ -2,14 +2,15 @@
 ==================================================
 # Code
 # Pre
-# Pygments */
+# Pygments
+# Media Queries */
 
 /* # Code
 ================================================== */
 code {
   background: $color-haze-light;
-  border: 1px solid $color-haze;
-  border-radius: 0;
+  border: 1px solid $color-haze-dark;
+  border-radius: 2px;
   color: $color-black;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
@@ -30,8 +31,8 @@ code {
 ================================================== */
 pre {
   background: $color-haze-light;
-  border: 1px solid $color-haze;
-  border-radius: 0;
+  border: 1px solid $color-haze-dark;
+  border-radius: 2px;
   color: $color-black;
   display: block;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
@@ -138,4 +139,17 @@ pre {
 .vc { color: $color-red; } /* Name.Variable.Class */
 .vg { color: $color-red; } /* Name.Variable.Global */
 .vi { color: $color-red; } /* Name.Variable.Instance */
-.il { color: $color-green; } /* Literal.Number.Integer.Long */
+.il { color: $color-green; } /* Literal.Number.Integer.Long */
+
+/* # Media Queries
+================================================== */
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+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) {
+  code,
+  pre { border-width: 0.5px; }
+}

data/vendor/assets/stylesheets/_dropdown.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
 # Dropdown
+# Dropup
 # Submenu */
 
 /* # Dropdown
@@ -112,6 +113,40 @@
   right: 10px;
 }
 
+/* # Dropup
+================================================== */
+.dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin: 0 0 2px 0;
+}
+.dropup  .dropdown-menu.dropdown-caret {
+  bottom: calc(100% + 5px);
+  top: auto;
+}
+.dropup .dropdown-menu.dropdown-caret:before {
+  border-bottom: 0;
+  border-top: 7px solid $color-haze-dark;
+  bottom: -9px;
+  left: 9px;
+  top: auto;
+}
+.dropup .dropdown-menu.dropdown-caret:after {
+  border-bottom: 0;
+  border-top: 6px solid $color-haze-dark;
+  bottom: -7px;
+  left: 10px;
+  top: auto;
+}
+.dropup .dropdown-menu.pull-right.dropdown-caret:before {
+  left: auto;
+  right: 9px;
+}
+.dropup .dropdown-menu.pull-right.dropdown-caret:after {
+  left: auto;
+  right: 10px;
+}
+
 /* # Submenu
 ================================================== */
 .dropdown-submenu { position: relative; }

data/vendor/assets/stylesheets/_footer.scss

@@ -1,7 +1,8 @@
 /* Table of Contents
 ==================================================
 # Footer
-# Alternate
+# Styles
+# Sizes
 # Colors
 # Media Queries */
 
@@ -16,99 +17,80 @@
 }
 .footer {
   background: $color-white;
-  border-top: 2px solid $color-haze-light;
+  border-top: 1px solid $color-haze;
+  background-size: 100% 1px, 100% 1px;
+  background-position: top, bottom;
+  background-repeat: no-repeat;
   box-sizing: border-box;
-  width: 100%;
+  color: $color-gray;
   margin-top: 40px;
-  padding: 20px 0;
-}
-.footer-app { width: calc(100% - 280px); }
-.footer-brand { float: left; }
-.footer-brand > a {
-  color: $color-gray-light;
-  font-size: 30px;
-  text-decoration: none;
+  padding: 25px 0 10px 0;
+  width: 100%;
 }
-.footer-nav {
-  float: right;
+.footer-nav,
+.footer-subnav,
+.footer-navicon {
   list-style: none;
-  margin: 10px 0 0 0;
+  margin: 0 0 10px 0;
   padding: 0;
 }
-.footer-nav > li {
-  font-size: 10px;
-  float: left;
-  line-height: 10px;
-  margin-left: 10px;
-}
-.footer-nav > li:first-child { margin: 0; }
-.footer-nav > li > a {
-  color: $color-gray-light;
-  font-weight: 500;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-.footer-footnote {
+.footer-nav > li,
+.footer-subnav > li,
+.footer-navicon > li {
   float: left;
-  color: $color-gray-light;
+  margin: 0 5px;
+}
+.footer-nav > li:first-child,
+.footer-subnav > li:first-child,
+.footer-navicon > li:first-child { margin-left: 0; }
+.footer-nav > li:last-child,
+.footer-subnav > li:last-child,
+.footer-navicon > li:last-child { margin-right: 0; }
+.footer-nav > li,
+.footer-subnav > li {
   font-size: 10px;
   line-height: 10px;
-  margin: 8px 0 0 10px;
+  text-transform: uppercase;
 }
+.footer-nav > li,
+.footer-navicon > li { color: $color-gray-dark; }
+.footer-subnav > li { color: $color-gray-light; }
+.footer-navicon > li {
+  font-size: 18px;
+  line-height: 18px;
+  margin-top: -6px;
+}
+.footer-nav > li > a { font-weight: 500; }
+.footer-nav > li > a,
+.footer-navicon > li > a { color: $color-gray-dark; }
+.footer-subnav > li > a { color: $color-gray-light; }
 
-/* # Alternate
+/* # Styles
 ================================================== */
-.footer-alt { padding: 60px 0; }
-.footer-alt .footer-brand {
-  float: none;
-  text-align: center;
-}
-.footer-alt .footer-nav {
-  float: none;
-  margin: 0 0 10px 0;
-}
-.footer-alt .footer-nav > h6 {
-  border-bottom: 1px solid $color-haze;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  padding-bottom: 5px;
-  text-transform: uppercase;
-}
-.footer-alt .footer-nav > li {
-  float: none;
-  font-size: 14px;
-  line-height: 22px;
-  margin: 0;
-}
-.footer-alt .footer-nav > li > a {
-  font-weight: normal;
-  text-transform: none;
-}
-.footer-alt .footer-footnote {
-  display: block;
-  float: none;
-  margin: 30px 0 15px 0;
-  text-align: center;
-}
+.footer-alt { padding: 60px 0 120px 0; }
+
+/* # Sizes
+================================================== */
+.footer-app { width: calc(100% - 280px); }
 
 /* # Colors
 ================================================== */
 .footer-dark {
   background: $color-black;
-  border-color: rgba(0,0,0,0.2);
-}
-.footer-dark.footer-alt .footer-nav > h6 {
-  color: $color-white;
-  border-color: $color-black-light;
+  border-color: $color-black-dark;
 }
-.footer-dark.footer-alt .footer-brand > a,
-.footer-dark.footer-alt .footer-nav > li,
-.footer-dark.footer-alt .footer-nav > li > a,
-.footer-dark.footer-alt .footer-footnote { color: $color-gray; }
 .footer-light {
   background: $color-haze-light;
   border-color: $color-haze-dark;
 }
+.footer-dark .footer-nav > li,
+.footer-dark .footer-navicon > li,
+.footer-dark .footer-nav > li > a,
+.footer-dark .footer-navicon > li > a { color: $color-white; }
+.footer-dark .footer-subnav > li,
+.footer-dark .footer-subnav > li > a,
+.footer-light .footer-subnav > li,
+.footer-light .footer-subnav > li > a { color: $color-gray; }
 
 /* # Media Queries
 ================================================== */
@@ -121,20 +103,12 @@
 @media only screen and (max-width: 959px) {
   .footer-app { width: 100%; }
 }
-@media only screen and (max-width: 767px) {
-  .footer-alt .footer-nav {
-    margin-bottom: 5px;
-    text-align: center;
-  }
-  .footer-alt .footer-nav > li {
-    display: inline-block;
-    font-size: 10px;
-    line-height: 10px;
-    margin-right: 10px;
-  }
-  .footer-alt .footer-nav > li:last-child { margin: 0; }
-  .footer-alt .footer-nav > li > a {
-    font-weight: bold;
-    text-transform: uppercase;
-  }
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+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) {
+  .footer { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_form.scss

@@ -3,7 +3,6 @@
 # Form
 # Components
 # Styles
-# Sizes
 # Media Queries */
 
 /* # Form
@@ -12,7 +11,7 @@ fieldset { border: 0; }
 legend {
   border: 0;
   border-bottom: 1px solid $color-haze;
-  color: $color-gray-dark;
+  color: $color-black;
   display: block;
   font-size: 16px;
   font-weight: bold;
@@ -52,7 +51,7 @@ input[type="color"],
   appearance: none;
   background: $color-white;
   border: 1px solid $color-haze;
-  border-radius: 0;
+  border-radius: 2px;
   box-sizing: border-box;
   color: $color-black;
   display: block;
@@ -190,12 +189,16 @@ select.form-input-initial-width {
 .form-error-messages > h4 {
   background: $color-haze-light;
   border: 1px solid $color-haze;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
   margin: 0;
   padding: 5px 10px;
 }
 .form-error-messages > ul {
   border: 1px solid $color-haze;
   border-top: 0;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
 }
 .form-error-messages > ul > li {
   display: block;
@@ -205,6 +208,11 @@ select.form-input-initial-width {
 .form-error-messages > ul > li:last-child  { padding-bottom: 10px; }
 .form-textarea-small { height: 80px; }
 .form-textarea-large { height: 200px; }
+.form-file-text,
+.form-input-group > input {
+  border-bottom-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
 .form-file-input {
   height: 0;
   margin: 0;
@@ -233,6 +241,8 @@ select.form-input-initial-width {
 .form-file-group > input { margin: 0; }
 .form-input-group-addon,
 .form-file-group-addon {
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
   box-sizing: border-box;
   line-height: 0;
   text-align: center;
@@ -249,13 +259,15 @@ select.form-input-initial-width {
   font-weight: normal;
   padding: 0 13px;
 }
-.form-file-group-addon { padding: 0; }
 .form-file-group-button {
   border-color: $color-haze;
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
   margin-right: -1px;
   padding-bottom: 14px;
   padding-top: 14px;
 }
+.form-file-group-addon { padding: 0; }
 .form-input-group-addon:first-child,
 .form-file-group-addon:first-child,
 .form-file-group-addon:first-child > .form-file-group-button { border-right: 0; }
@@ -310,6 +322,8 @@ select.form-input-initial-width {
   background: rgba(0,0,0,0);
   border: 1px solid $color-haze;
   border-left: 0;
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
   bottom: 0;
   right: 0;
   top: 0;
@@ -335,33 +349,26 @@ select.form-input-initial-width {
 
 /* # Styles
 ================================================== */
-.form-inline {
-  clear: both;
-  margin-left: -5px;
-}
-.form-inline > input,
-.form-inline > textarea,
-.form-inline > select {
-  display: inline-block;
-  float: left;
-  margin: 0 0 0 5px;
-}
+.form-inline { clear: both; }
 .form-inline > input[type="submit"],
 .form-inline > input[type="reset"],
 .form-inline > input[type="button"] {
+  float: left;
   padding-bottom: 14px;
   padding-top: 14px;
 }
-
-/* # Sizes
-================================================== */
-.form-input-large { width: 300px !important; }
-.form-input-medium { width: 150px !important; }
-.form-input-small { width: 75px !important; }
-.form-input-mini { width: 50px !important; }
-.form-inline.form-inline-alt > input,
-.form-inline.form-inline-alt > textarea,
-.form-inline.form-inline-alt > select {
+.form-inline-input {
+  float: left;
+  margin: -2px 5px 0 0;
+  width: 150px;
+}
+.form-inline-input-large { width: 300px; }
+.form-inline-input-medium { width: 200px; }
+.form-inline-input-small { width: 100px; }
+.form-inline-input-mini { width: 50px; }
+.form-inline.form-inline-alt input,
+.form-inline.form-inline-alt textarea,
+.form-inline.form-inline-alt select {
   font-size: 12px;
   line-height: 14px;
   padding-bottom: 6px;
@@ -375,10 +382,28 @@ select.form-input-initial-width {
   padding-bottom: 8px;
   padding-top: 8px;
 }
+.form-inline.form-inline-alt .form-select::after {
+  font-size: 14px;
+  height: 14px;
+  margin-top: -7px;
+  right: 12px;
+}
+.form-inline.form-inline-alt .form-select::before { width: 31px; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
   .form-button-inline { margin-top: 15px; }
   .form-text-inline { margin-top: 0; }
+}
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+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) {
+  legend,
+  .form-header,
+  .form-footer { border-width: 0.5px; }
 }