active_frontend 7.0.2 → 8.0.0

data/vendor/assets/stylesheets/_map.scss

@@ -1,6 +1,7 @@
 /* Table of Contents
 ==================================================
-# Map */
+# Map
+# Media Queries */
 
 /* # Map
 ================================================== */
@@ -12,4 +13,16 @@
   min-height: 220px;
   min-width:220px;
 }
-.map-center { margin: 0 auto; }
+.map-center { margin: 0 auto; }
+
+/* # 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) {
+  .map { border-width: 0.5px; }
+}

data/vendor/assets/stylesheets/_modal.scss

@@ -6,7 +6,7 @@
 /* # Modal
 ================================================== */
 .modal-backdrop {
-  background: rgba(35,41,55,0.9);
+  background: rgba(22,27,31,0.9);
   bottom: 0;
   height: 100%;
   left: 0;

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -1,7 +1,8 @@
 /* Table of Contents
 ==================================================
 # Nav
-# Tab */
+# Tab
+# Media Queries */
 
 /* # Nav
 ================================================== */
@@ -14,7 +15,7 @@
 .nav > .pull-left { float: left; }
 .nav > .pull-right { float: right; }
 .nav > li > a {
-  color: $color-gray;
+  color: $color-gray-dark;
   display: block;
   font-size: 14px;
   font-weight: bold;
@@ -23,13 +24,13 @@
 .nav > li > a:hover,
 .nav > li > a:active,
 .nav > li > a:focus {
-  color: $color-black;
+  color: $color-gray-dark;
   text-decoration: none;
 }
 .nav-header {
   background: $color-primary;
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
   color: $color-white;
   display: block;
   font-size: 14px;
@@ -49,19 +50,19 @@
   margin-right: -15px;
 }
 .nav-list > li > a {
-  color: $color-gray;
+  color: $color-gray-dark;
   font-weight: bold;
   padding: 11px 15px;
 }
 .nav-list > li > a:hover,
-.nav-list > li > a:focus { background: $color-haze-light; }
+.nav-list > li > a:focus { background: $color-haze; }
 .nav-list > li > a:active,
 .nav-list > .active > a,
 .nav-list > .active > a:hover,
 .nav-list > .active > a:active,
 .nav-list > .active > a:focus {
-  background: $color-haze;
-  color: $color-black;
+  background: $color-haze-light;
+  color: $color-primary;
 }
 .nav-list > .divider {
   background: $color-haze-light;
@@ -79,7 +80,7 @@
 }
 .nav-tabs:after,
 .nav-pills:after { clear: both; }
-.nav-tabs { border-bottom: 1px solid $color-haze-light; }
+.nav-tabs { border-bottom: 1px solid $color-haze; }
 .nav-tabs > li,
 .nav-pills > li { float: left; }
 .nav-tabs > li > a {
@@ -91,14 +92,14 @@
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:active,
 .nav-tabs > .active > a:focus {
-  border-bottom-color: $color-haze-light;
+  border-bottom-color: $color-primary;
   color: $color-primary;
 }
 .nav-tabs .open a.dropdown-toggle { background: transparent; }
 .nav-pills > li > a {
   background: $color-haze-light;
   border-radius: 2px;
-  color: $color-gray;
+  color: $color-gray-dark;
   margin-right: 3px;
   padding: 9px 10px;
 }
@@ -117,22 +118,21 @@
 .nav-tabs.nav-stacked { border-bottom: 0; }
 .nav-tabs.nav-stacked > li > a {
   background: $color-haze-light;
-  color: $color-gray;
+  color: $color-gray-dark;
   padding: 10px 10px 8px 10px;
 }
 .nav-tabs.nav-stacked > li:first-child > a {
-  border-top-right-radius: 3px;
-  border-top-left-radius: 3px;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
 }
 .nav-tabs.nav-stacked > li:last-child > a {
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .nav-tabs.nav-stacked > li > a:hover,
 .nav-tabs.nav-stacked > li > a:active,
 .nav-tabs.nav-stacked > li > a:focus {
-  background: $color-haze-light;
-  color: $color-black;
+  background: $color-haze;
   z-index: 2;
 }
 .nav-tabs.nav-stacked > .active > a {
@@ -170,7 +170,7 @@
 .pill-content > .pill-pane { display: none; }
 .tab-content > .active,
 .pill-content > .active { display: block; }
-.tabs-below > .nav-tabs > li > a { border-radius: 0 0 3px 3px; }
+.tabs-below > .nav-tabs > li > a { border-radius: 0 0 2px 2px; }
 .tabs-left > .nav-tabs > li,
 .tabs-right > .nav-tabs > li { float: none; }
 .tabs-left > .nav-tabs > li > a,
@@ -183,9 +183,21 @@
   float: left;
   margin-right: 19px;
 }
-.tabs-left > .nav-tabs > li > a { border-radius: 3px 0 0 3px; }
+.tabs-left > .nav-tabs > li > a { border-radius: 2px 0 0 2px; }
 .tabs-right > .nav-tabs {
   float: right;
   margin-left: 19px;
 }
-.tabs-right > .nav-tabs > li > a { border-radius: 0 3px 3px 0; }
+.tabs-right > .nav-tabs > li > a { border-radius: 0 2px 2px 0; }
+
+/* # 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) {
+  .nav-tabs { border-width: 0.5px; }
+}

data/vendor/assets/stylesheets/_navbar.scss

@@ -16,7 +16,7 @@
 .navbar {
   background: $color-white;
   border-collapse: separate;
-  border-top: 2px solid $color-haze;
+  border-top: 1px solid $color-haze;
   box-sizing: border-box;
   display: table;
   height: 48px;
@@ -24,7 +24,7 @@
   width: 100%;
 }
 .navbar > a {
-  color: $color-primary;
+  color: $color-gray-dark;
   display: table-cell;
   float: none;
   font-size: 27px;
@@ -32,22 +32,34 @@
   text-align: center;
   width: 1%;
 }
+.navbar > a:hover,
+.navbar > a.active,
+.navbar > a:active,
+.navbar > a:focus { color: $color-primary; }
 
 /* # Colors
 ================================================== */
-.navbar-dark,
-.navbar-primary { border-color: rgba(0,0,0,0.2); }
-.navbar-dark { background: $color-black; }
-.navbar-primary { background: $color-primary; }
-.navbar-dark > a,
-.navbar-primary > a { color: $color-white; }
+.navbar-dark {
+  background: $color-black;
+  border-color: $color-black-dark;
+}
 .navbar-light {
   background: $color-haze-light;
   border-color: $color-haze-dark;
 }
+.navbar-dark > a { color: $color-white; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (min-width: 768px) {
   .navbar { display: none; }
+}
+@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) {
+  .navbar { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_panel.scss

@@ -1,25 +1,29 @@
 /* Table of Contents
 ==================================================
-# Panel */
+# Panel
+# Media Queries */
 
 /* # Panel
 ================================================== */
 .panel {
   background: $color-white;
   border: 1px solid $color-haze-dark;
+  border-radius: 2px;
   margin-bottom: 20px;
 }
 .panel-header {
   background: $color-haze-light;
   border-bottom: 1px solid $color-haze-dark;
-  padding: 16px 15px 14px 15px;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+  padding: 14px 15px 12px 15px;
 }
 .panel-header > .btn { margin-top: -2px; }
 .panel-header > .btn-group  { margin: -5px 0 -3px 0; }
 .panel-title {
   color: $color-black;
   display: inline-block;
-  font-size: 17px;
+  font-size: 16px;
   line-height: 1;
   margin-bottom: 0;
   margin-top: 0;
@@ -37,5 +41,21 @@
 .panel-footer {
   background: $color-haze-light;
   border-top: 1px solid $color-haze-dark;
-  padding: 13px 15px 10px 15px;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+  padding: 15px 15px 12px 15px;
+}
+
+/* # 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) {
+  .panel,
+  .panel-header,
+  .panel-footer { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_sidebar.scss

@@ -8,7 +8,7 @@
 ================================================== */
 .sidebar {
   background: $color-white;
-  border-left: 2px solid $color-haze-light;
+  border-left: 1px solid $color-haze;
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
@@ -16,11 +16,11 @@
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 2px solid $color-haze-light;
+  border-right: 1px solid $color-haze;
   border-left: 0;
 }
 .sidebar-header {
-  border-bottom: 1px solid $color-haze-light;
+  border-bottom: 1px solid $color-haze;
   font-size: 12px;
   line-height: 12px;
   padding: 12px 20px 10px 10px;
@@ -59,22 +59,18 @@
 
 /* # Colors
 ================================================== */
-.sidebar-dark,
-.sidebar-primary { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark { background: $color-black; }
-.sidebar-primary { background: $color-primary; }
-.sidebar-dark.sidebar-alt,
-.sidebar-dark > .sidebar-header,
-.sidebar-dark > .sidebar-scrollable,
-.sidebar-primary.sidebar-alt,
-.sidebar-primary > .sidebar-header,
-.sidebar-primary > .sidebar-scrollable { border-color: rgba(0,0,0,0.2); }
-.sidebar-dark > .sidebar-header > h6,
-.sidebar-primary > .sidebar-header > h6 { color: $color-white; }
+.sidebar-dark {
+  background: $color-black;
+  border-color: $color-black-dark;
+}
 .sidebar-light {
   background: $color-haze-light;
   border-color: $color-haze-dark;
 }
+.sidebar-dark.sidebar-alt,
+.sidebar-dark > .sidebar-header,
+.sidebar-dark > .sidebar-scrollable { border-color: $color-black-dark; }
+.sidebar-dark > .sidebar-header > h6 { color: $color-white; }
 .sidebar-light.sidebar-alt,
 .sidebar-light > .sidebar-header,
 .sidebar-light > .sidebar-scrollable { border-color: $color-haze-dark; }
@@ -95,4 +91,15 @@
 }
 @media only screen and (max-width: 959px) {
   .sidebar { display: none; }
+}
+@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) {
+  .sidebar,
+  .sidebar-header,
+  .sidebar-scrollable { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_swoggle.scss

@@ -74,21 +74,34 @@
 }
 .swoggle.swoggle-on div { margin-left: 0; }
 .swoggle.swoggle-off div { margin-left: -50%; }
+.swoggle.swoggle-on.swoggle-black-light,
 .swoggle.swoggle-on.swoggle-black,
+.swoggle.swoggle-on.swoggle-black-dark,
 .swoggle.swoggle-on.swoggle-blue,
 .swoggle.swoggle-on.swoggle-gray-light,
 .swoggle.swoggle-on.swoggle-gray,
 .swoggle.swoggle-on.swoggle-gray-dark,
 .swoggle.swoggle-on.swoggle-green,
+.swoggle.swoggle-on.swoggle-indigo,
+.swoggle.swoggle-on.swoggle-lime,
 .swoggle.swoggle-on.swoggle-orange,
 .swoggle.swoggle-on.swoggle-pink,
 .swoggle.swoggle-on.swoggle-purple,
 .swoggle.swoggle-on.swoggle-red,
+.swoggle.swoggle-on.swoggle-teal,
 .swoggle.swoggle-on.swoggle-yellow { color: $color-white; }
+.swoggle.swoggle-on.swoggle-black-light {
+  background: $color-black-light;
+  border-color: $color-black-light;
+}
 .swoggle.swoggle-on.swoggle-black {
   background: $color-black;
   border-color: $color-black;
 }
+.swoggle.swoggle-on.swoggle-black-dark {
+  background: $color-black-dark;
+  border-color: $color-black-dark;
+}
 .swoggle.swoggle-on.swoggle-blue {
   background: $color-blue;
   border-color: $color-blue;
@@ -109,6 +122,14 @@
   background: $color-green;
   border-color: $color-green;
 }
+.swoggle.swoggle-on.swoggle-indigo {
+  background: $color-indigo;
+  border-color: $color-indigo;
+}
+.swoggle.swoggle-on.swoggle-lime {
+  background: $color-lime;
+  border-color: $color-lime;
+}
 .swoggle.swoggle-on.swoggle-orange {
   background: $color-orange;
   border-color: $color-orange;
@@ -125,6 +146,10 @@
   background: $color-red;
   border-color: $color-red;
 }
+.swoggle.swoggle-on.swoggle-teal {
+  background: $color-teal;
+  border-color: $color-teal;
+}
 .swoggle.swoggle-on.swoggle-yellow {
   background: $color-yellow;
   border-color: $color-yellow;

data/vendor/assets/stylesheets/_trunk.scss

@@ -6,7 +6,7 @@
 ================================================== */
 .trunk {
   background: $color-black;
-  border-bottom: 2px solid rgba(0,0,0,0.2);
+  border-bottom: 1px solid $color-black-dark;
   left: 0;
   position: fixed;
   right: 0;
@@ -14,6 +14,7 @@
   z-index: 1040;
 }
 .trunk-buffer { padding: 30px 0; }
+.trunk-search > input { border-color: $color-black-dark; }
 .trunk-nav,
 .trunk-user {
   list-style-type: none;
@@ -45,7 +46,7 @@
 .trunk-user > li > a {
   -webkit-appearance: none;
   appearance: none;
-  color: $color-gray;
+  color: $color-white;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
@@ -64,7 +65,7 @@
   white-space: nowrap;
 }
 .trunk-nav > li > a {
-  border: 1px solid rgba(0,0,0,0.2);
+  border: 1px solid $color-black-dark;
   padding: 11px 0 9px 0;
 }
 .trunk-user > li > a { padding: 9px 0 7px 0; }