active_frontend 6.2.0 → 6.3.0

data/vendor/assets/stylesheets/_swoggle.scss

@@ -21,17 +21,17 @@
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
-  font-weight: bold;
   font-size: 12px;
+  font-weight: bold;
   line-height: 12px;
   margin-top: -2px;
   min-width: 64px;
   overflow: hidden;
   padding: 4px 0;
   position: relative;
+  text-align: center;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
-  text-align: center;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -webkit-user-select: none;
@@ -45,6 +45,8 @@
   display: inline-block;
   height: 100%;
   position: relative;
+  text-align: center;
+  vertical-align: middle;
 }
 .swoggle label {
   background: rgba(255,255,255,1);
@@ -53,20 +55,16 @@
   margin-top: 0;
   padding-bottom: 4px;
   padding-top: 3px;
-  text-align: center;
-  vertical-align: middle;
   width: 20%;
   z-index: 100;
 }
 .swoggle span {
   padding-bottom: 0;
   padding-top: 0;
-  text-align: center;
-  vertical-align: middle;
   width: 40%;
   z-index: 1;
 }
-.swoggle > div {
+.swoggle div {
   display: inline-block;
   position: relative;
   -webkit-transform: translate3d(0,0,0);
@@ -74,8 +72,8 @@
   top: 0;
   width: 150%;
 }
-.swoggle.swoggle-on > div { margin-left: 0; }
-.swoggle.swoggle-off > div { margin-left: -50%; }
+.swoggle.swoggle-on div { margin-left: 0; }
+.swoggle.swoggle-off div { margin-left: -50%; }
 .swoggle.swoggle-on.swoggle-black,
 .swoggle.swoggle-on.swoggle-blue,
 .swoggle.swoggle-on.swoggle-green,
@@ -116,7 +114,7 @@
   background: rgba(255,245,0,1);
   border-color: rgba(255,245,0,1);
 }
-.swoggle.swoggle-animate > div {
+.swoggle.swoggle-animate div {
   -webkit-transition: margin-left 0.5s;
   transition: margin-left 0.5s;
 }

data/vendor/assets/stylesheets/_table.scss

@@ -25,36 +25,32 @@ table {
 }
 .table th,
 .table tfoot td {
-  background: rgba(255,255,255,1);
   border-top-width: 2px;
   font-size: 14px;
   font-weight: bold;
   padding: 7px 10px 7px 10px;
 }
-.table th a.active,
-.table th a:active,
-.table th a:hover,
-.table th a:focus { color: rgba(35,41,55,1); }
+.table th a { color: rgba(35,41,55,1); }
 .table th.tablespy-sort-asc:before {
   content: "\f3d8";
   float: right;
   font-family: "Ionicons";
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
 }
 .table th.tablespy-sort-desc:before {
   content: "\f3d0";
   float: right;
   font-family: "Ionicons";
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
 }
 .table th.tablespy-sort-none:before {
   content: "\f462";
   float: right;
   font-family: "Ionicons";
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
 }
 .table th.tablespy-sort-asc,
 .table th.tablespy-sort-desc,
@@ -122,10 +118,6 @@ table {
   height: 300px;
   overflow: auto;
 }
-.table .btn {
-  text-decoration: none !important;
-  text-transform: none !important;
-}
 
 /* # Media Queries
 ================================================== */
@@ -134,7 +126,6 @@ table {
     border: 1px solid rgba(225,232,237,1);
     max-height: 300px;
     -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
     overflow: scroll;
   }
   .table-responsive > .table > thead > tr > th,

data/vendor/assets/stylesheets/_timepicker.scss

@@ -4,9 +4,7 @@
 
 /* # Timepicker
 ================================================== */
-.timepicker { position: relative; }
-.timepicker .add-on i { display: inline-block; }
-.timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
+.timepicker-widget.dropdown-menu { padding: 5px 0; }
 .timepicker-widget.dropdown-menu.open {
   display: inline-block;
   z-index: 1060;
@@ -40,23 +38,22 @@
 }
 .timepicker-widget.timepicker-orient-bottom:after {
   border-bottom: 0;
-  border-top: 6px solid rgba(249,249,249,1);
+  border-top: 6px solid rgba(230,237,242,1);
   bottom: -6px;
 }
-.timepicker-widget a.btn,
-.timepicker-widget input { border-radius: 3px; }
-.timepicker-widget table {
+.timepicker-widget > table {
   margin: 0;
   width: 100%;
 }
-.timepicker-widget table td {
-  text-align: center;
+.timepicker-widget > table td {
   height: 30px;
   margin: 0;
+  padding: 0;
+  text-align: center;
 }
-.timepicker-widget table td:not(.separator) { min-width: 30px; }
-.timepicker-widget table td span { width: 100%; }
-.timepicker-widget table td a {
+.timepicker-widget > table td:not(.separator) { min-width: 30px; }
+.timepicker-widget > table td span { width: 100%; }
+.timepicker-widget > table td > a {
   color: rgba(35,41,55,1);
   display: inline-block;
   margin: 0;
@@ -64,12 +61,9 @@
   outline: 0;
   width: 100%;
 }
-.timepicker-widget table td a:hover {
+.timepicker-widget > table td > a:hover,
+.timepicker-widget > table td > a:focus,
+.timepicker-widget > table td > a:active {
   color: $primary-color;
   text-decoration: none;
-}
-.timepicker-widget table td input {
-  margin: 0;
-  text-align: center;
-  width: 25px;
 }

data/vendor/assets/stylesheets/_tooltip.scss

@@ -8,9 +8,9 @@
   color: rgba(255,255,255,1);
   display: block;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
-  font-weight: bold;
-  font-style: normal;
   font-size: 11px;
+  font-style: normal;
+  font-weight: bold;
   letter-spacing: 0;
   line-height: 17px;
   opacity: 0;
@@ -49,9 +49,9 @@
   letter-spacing: 0;
   max-width: 200px;
   padding: 5px 10px;
+  text-align: center;
   text-decoration: none;
   text-transform: none;
-  text-align: center;
 }
 .tooltip-arrow {
   border-color: transparent;
@@ -60,28 +60,28 @@
   position: absolute;
   width: 0;
 }
-.tooltip.top .tooltip-arrow {
+.tooltip.top > .tooltip-arrow {
   border-top-color: rgba(35,41,55,1);
   border-width: 5px 5px 0;
   bottom: 0;
   left: 50%;
   margin-left: -5px;
 }
-.tooltip.right .tooltip-arrow {
+.tooltip.right > .tooltip-arrow {
   border-right-color: rgba(35,41,55,1);
   border-width: 5px 5px 5px 0;
   left: 0;
   margin-top: -5px;
   top: 50%;
 }
-.tooltip.left .tooltip-arrow {
+.tooltip.left > .tooltip-arrow {
   border-left-color: rgba(35,41,55,1);
   border-width: 5px 0 5px 5px;
   margin-top: -5px;
   right: 0;
   top: 50%;
 }
-.tooltip.bottom .tooltip-arrow {
+.tooltip.bottom > .tooltip-arrow {
   border-bottom-color: rgba(35,41,55,1);
   border-width: 0 5px 5px;
   left: 50%;

data/vendor/assets/stylesheets/_transition.scss

@@ -6,7 +6,7 @@
 ================================================== */
 .fade {
   opacity: 0;
-  -webkit-transition: opacity 0.15s linear;
-  transition: opacity 0.15s linear;
+  -webkit-transition: opacity 0.3s linear;
+  transition: opacity 0.3s linear;
 }
 .fade.in { opacity: 1; }

data/vendor/assets/stylesheets/_trunk.scss

@@ -14,68 +14,37 @@
   z-index: 1040;
 }
 .trunk-buffer { padding: 30px 0; }
-.trunk-nav {
+.trunk-nav,
+.trunk-user {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
-.trunk-nav > li {
-  float: left;
-  font-weight: 500;
-  font-size: 11px;
-  line-height: 11px;
-  margin: 5px;
-  width: calc(33.333333% - 10px);
-}
-.trunk-nav > li > a {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  border: 1px solid rgba(0,0,0,0.2);
-  border-radius: 0;
-  color: rgba(136,153,166,1);
-  cursor: pointer;
-  display: block;
-  -webkit-font-smoothing: antialiased;
-  font-weight: 500;
-  font-size: 11px;
-  letter-spacing: 1px;
-  line-height: 11px;
-  padding: 11px 0 9px 0;
-  text-align: center;
-  text-decoration: none;
-  text-rendering: geometricPrecision;
-  text-transform: uppercase;
-  -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-.trunk-nav > li > a.active,
-.trunk-nav > li > a:active,
-.trunk-nav > li > a:hover,
-.trunk-nav > li > a:focus {
-  border-color: rgba(255,255,255,1);
-  color: rgba(255,255,255,1);
-}
 .trunk-user {
-  list-style-type: none;
   margin: 10px auto 0 auto;
-  padding: 10px 0 0 0;
+  padding-top: 10px;
   text-align: center;
 }
+.trunk-nav > li,
 .trunk-user > li {
-  display: inline-block;
   font-weight: 500;
   font-size: 11px;
   line-height: 11px;
-  margin: 5px 5px 0 5px;
+  margin: 5px;
+}
+.trunk-nav > li {
+  float: left;
+  width: calc(33.333333% - 10px);
+}
+.trunk-user > li {
+  display: inline-block;
+  margin-bottom: 0;
   width: calc(45% - 30px);
 }
+.trunk-nav > li > a,
 .trunk-user > li > a {
   -webkit-appearance: none;
-  -moz-appearance: none;
-  border: 0;
-  border-radius: 0;
+  appearance: none;
   color: rgba(136,153,166,1);
   cursor: pointer;
   display: block;
@@ -84,7 +53,7 @@
   font-size: 11px;
   letter-spacing: 1px;
   line-height: 11px;
-  padding: 9px 0 7px 0;
+  padding: 11px 0 9px 0;
   text-align: center;
   text-decoration: none;
   text-rendering: geometricPrecision;
@@ -94,11 +63,23 @@
   vertical-align: middle;
   white-space: nowrap;
 }
-.trunk-user > li > a.active,
-.trunk-user > li > a:active,
+.trunk-nav > li > a {
+  border: 1px solid rgba(0,0,0,0.2);
+  padding: 11px 0 9px 0;
+}
+.trunk-user > li > a { padding: 9px 0 7px 0; }
+.trunk-nav > li > a:hover,
+.trunk-nav > li > a:focus,
+.trunk-nav > li > a:active,
+.trunk-nav > li > a.active {
+  border-color: rgba(255,255,255,1);
+  color: rgba(255,255,255,1);
+}
 .trunk-user > li > a:hover,
-.trunk-user > li > a:focus { color: rgba(255,255,255,1); }
-.trunk-user img,
+.trunk-user > li > a:focus,
+.trunk-user > li > a:active,
+.trunk-user > li > a.active { color: rgba(255,255,255,1); }
+.trunk-user > img,
 .trunk-user > li.trunk-user-placeholder {
   background: rgba(136,153,166,1);
   border-radius: 500px;

data/vendor/assets/stylesheets/_typeahead.scss

@@ -8,4 +8,4 @@
   margin-top: 4px;
   z-index: 1051;
 }
-.typeahead b { color: $primary-color; }
+.typeahead > li > a > b { color: $primary-color; }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 6.2.0
+  version: 6.3.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-12 00:00:00.000000000 Z
+date: 2015-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler