active_frontend 1.0.11 → 2.0.0

data/vendor/assets/stylesheets/swoggle.scss

@@ -16,13 +16,13 @@
 .swoggle {
   background: rgba(245,248,250,1);
   border-radius: 500px;
-         border: 1px solid rgba(225,232,237,1);
+  border: 1px solid rgba(245,248,250,1);
   color: rgba(43,50,53,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
-             font-weight: bold;
-               font-size: 12px;
+  font-weight: bold;
+  font-size: 12px;
   line-height: 12px;
   margin-top: -2px;
   min-width: 64px;
@@ -31,17 +31,17 @@
   position: relative;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
-      text-align: center;
+  text-align: center;
   -webkit-transition: all 0.5s ease-in-out;
-          transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out;
   -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   vertical-align: middle;
 }
 .swoggle span,
 .swoggle label {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
   height: 100%;
@@ -51,9 +51,9 @@
   background: rgba(255,255,255,1);
   border-radius: 500px;
   margin-bottom: 0;
-     margin-top: 0;
+  margin-top: 0;
   padding-bottom: 4px;
-     padding-top: 3px;
+  padding-top: 3px;
   text-align: center;
   vertical-align: middle;
   width: 20%;
@@ -61,7 +61,7 @@
 }
 .swoggle span {
   padding-bottom: 0;
-     padding-top: 0;
+  padding-top: 0;
   text-align: center;
   vertical-align: middle;
   width: 40%;
@@ -71,7 +71,7 @@
   display: inline-block;
   position: relative;
   -webkit-transform: translate3d(0,0,0);
-          transform: translate3d(0,0,0);
+  transform: translate3d(0,0,0);
   top: 0;
   width: 150%;
 }
@@ -80,43 +80,46 @@
 .swoggle.swoggle-on.swoggle-black,
 .swoggle.swoggle-on.swoggle-blue,
 .swoggle.swoggle-on.swoggle-green,
+.swoggle.swoggle-on.swoggle-orange,
+.swoggle.swoggle-on.swoggle-purple,
 .swoggle.swoggle-on.swoggle-red,
-.swoggle.swoggle-on.swoggle-smoke { color: rgba(255,255,255,1); }
+.swoggle.swoggle-on.swoggle-smoke,
+.swoggle.swoggle-on.swoggle-yellow { color: rgba(255,255,255,1); }
 .swoggle.swoggle-on.swoggle-black {
   background: rgba(56,67,81,1);
   border-color: rgba(6,17,31,1);
 }
 .swoggle.swoggle-on.swoggle-blue {
-  background: rgba(15,135,226,1);
-  border-color: rgba(0,120,211,1);
+  background: rgba(0,132,255,1);
+  border-color: rgba(0,132,255,1);
 }
 .swoggle.swoggle-on.swoggle-green {
-  background: rgba(112,169,13,1);
-  border-color: rgba(74,153,0,1);
+  background: rgba(68,205,1,1);
+  border-color: rgba(68,205,1,1);
 }
 .swoggle.swoggle-on.swoggle-orange {
-  background: rgba(232,126,15,1);
-  border-color: rgba(202,96,0,1);
+  background: rgba(255,131,0,1);
+  border-color: rgba(255,131,0,1);
 }
 .swoggle.swoggle-on.swoggle-purple {
-  background: rgba(117,73,170,1);
-  border-color: rgba(97,43,130,1);
+  background: rgba(196,0,235,1);
+  border-color: rgba(196,0,235,1);
 }
 .swoggle.swoggle-on.swoggle-red {
-  background: rgba(218,79,46,1);
-  border-color: rgba(188,49,16,1);
+  background: rgba(255,59,48,1);
+  border-color: rgba(255,59,48,1);
 }
 .swoggle.swoggle-on.swoggle-smoke {
   background: rgba(102,117,127,1);
-  border-color: rgba(62,77,87,1);
+  border-color: rgba(102,117,127,1);
 }
 .swoggle.swoggle-on.swoggle-yellow {
-  background: rgba(255,217,15,1);
-  border-color: rgba(240,202,0,1);
+  background: rgba(255,235,0,1);
+  border-color: rgba(255,235,0,1);
 }
 .swoggle.swoggle-animate > div {
   -webkit-transition: margin-left 0.5s;
-          transition: margin-left 0.5s;
+  transition: margin-left 0.5s;
 }
 .swoggle.swoggle-disabled,
 .swoggle.swoggle-readonly {

data/vendor/assets/stylesheets/table.scss

@@ -32,27 +32,27 @@ table {
   padding: 7px 10px 7px 10px;
 }
 .table th a { color: rgba(43,50,53,1); }
-.table th a:hover { color: rgba(15,135,226,1); }
+.table th a:hover { color: rgba(0,132,255,1); }
 .table th.tablespy-sort-asc:before {
   content: "\f3d8";
   float: right;
   font-family: "Ionicons";
   font-weight: normal;
-   font-style: normal;
+  font-style: normal;
 }
 .table th.tablespy-sort-desc:before {
   content: "\f3d0";
   float: right;
   font-family: "Ionicons";
   font-weight: normal;
-   font-style: normal;
+  font-style: normal;
 }
 .table th.tablespy-sort-none:before {
   content: "\f462";
   float: right;
   font-family: "Ionicons";
   font-weight: normal;
-   font-style: normal;
+  font-style: normal;
 }
 .table th.tablespy-sort-asc,
 .table th.tablespy-sort-desc,
@@ -61,7 +61,7 @@ table {
 .table th.tablespy-sort-empty { pointer-events: none; }
 .table caption {
   border-bottom: 1px solid rgba(225,232,237,1);
-     border-top: 0;
+  border-top: 0;
 }
 .table caption + thead tr:first-child th,
 .table caption + thead tr:first-child td,
@@ -125,8 +125,8 @@ table {
     border: 1px solid rgba(225,232,237,1);
     max-height: 300px;
     -webkit-overflow-scrolling: touch;
-            -ms-overflow-style: -ms-autohiding-scrollbar;
-                      overflow: scroll;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    overflow: scroll;
   }
   .table-responsive > .table > thead > tr > th,
   .table-responsive > .table > tbody > tr > th,

data/vendor/assets/stylesheets/timepicker.scss

@@ -12,17 +12,17 @@
   z-index: 1060;
 }
 .timepicker-widget.dropdown-menu:before {
-  border-bottom: 7px solid rgba(245,248,250,1);
-   border-right: 7px solid transparent;
-    border-left: 7px solid transparent;
+  border-bottom: 7px solid rgba(56,67,81,1);
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
   content: "";
   display: inline-block;
   position: absolute;
 }
 .timepicker-widget.dropdown-menu:after {
-  border-bottom: 6px solid rgba(245,248,250,1);
-   border-right: 6px solid transparent;
-    border-left: 6px solid transparent;
+  border-bottom: 6px solid rgba(56,67,81,1);
+  border-right: 6px solid transparent;
+  border-left: 6px solid transparent;
   content: "";
   display: inline-block;
   position: absolute;
@@ -35,12 +35,12 @@
 .timepicker-widget.timepicker-orient-top:after { top: -6px; }
 .timepicker-widget.timepicker-orient-bottom:before {
   border-bottom: 0;
-     border-top: 7px solid rgba(245,248,250,1);
+  border-top: 7px solid rgba(56,67,81,1);
   bottom: -7px;
 }
 .timepicker-widget.timepicker-orient-bottom:after {
   border-bottom: 0;
-     border-top: 6px solid rgba(245,248,250,1);
+  border-top: 6px solid rgba(56,67,81,1);
   bottom: -6px;
 }
 .timepicker-widget a.btn,
@@ -57,7 +57,7 @@
 .timepicker-widget table td:not(.separator) { min-width: 30px; }
 .timepicker-widget table td span { width: 100%; }
 .timepicker-widget table td a {
-  color: rgba(43,50,53,1);
+  color: rgba(255,255,255,1);
   display: inline-block;
   margin: 0;
   padding: 8px 0;
@@ -65,7 +65,7 @@
   width: 100%;
 }
 .timepicker-widget table td a:hover {
-  color: rgba(15,135,226,1);
+  color: rgba(0,132,255,1);
   text-decoration: none;
 }
 .timepicker-widget table td input {

data/vendor/assets/stylesheets/tooltip.scss

@@ -9,8 +9,8 @@
   display: block;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-weight: bold;
-   font-style: normal;
-    font-size: 11px;
+  font-style: normal;
+  font-size: 11px;
   letter-spacing: 0;
   line-height: 17px;
   opacity: 0;
@@ -18,7 +18,7 @@
   float: none;
   position: absolute;
   text-decoration: none;
-   text-transform: none;
+  text-transform: none;
   visibility: visible;
   z-index: 1070;
 }
@@ -50,8 +50,8 @@
   max-width: 200px;
   padding: 5px 10px;
   text-decoration: none;
-   text-transform: none;
-       text-align: center;
+  text-transform: none;
+  text-align: center;
 }
 .tooltip-arrow {
   border-color: transparent;
@@ -62,28 +62,28 @@
 }
 .tooltip.top .tooltip-arrow {
   border-top-color: rgba(56,67,81,1);
-      border-width: 5px 5px 0;
+  border-width: 5px 5px 0;
   bottom: 0;
   left: 50%;
   margin-left: -5px;
 }
 .tooltip.right .tooltip-arrow {
   border-right-color: rgba(56,67,81,1);
-        border-width: 5px 5px 5px 0;
+  border-width: 5px 5px 5px 0;
   left: 0;
   margin-top: -5px;
   top: 50%;
 }
 .tooltip.left .tooltip-arrow {
   border-left-color: rgba(56,67,81,1);
-       border-width: 5px 0 5px 5px;
+  border-width: 5px 0 5px 5px;
   margin-top: -5px;
   right: 0;
   top: 50%;
 }
 .tooltip.bottom .tooltip-arrow {
   border-bottom-color: rgba(56,67,81,1);
-         border-width: 0 5px 5px;
+  border-width: 0 5px 5px;
   left: 50%;
   margin-left: -5px;
   top: 0;

data/vendor/assets/stylesheets/transition.scss

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

data/vendor/assets/stylesheets/trunk.scss

@@ -5,9 +5,12 @@
 /* # Trunk
 ================================================== */
 .trunk {
-  background: rgba(15,135,226,1);
-  margin: -40px 0 40px 0;
+  background: rgba(0,132,255,1);
+  box-shadow: inset 0 1px 4px rgba(0,82,205,1);
+  margin: 50px 0 0 0;
+  position: fixed;
   width: 100%;
+  z-index: 1040;
 }
 .trunk-buffer { padding: 30px 0; }
 .trunk-search > input {
@@ -28,36 +31,32 @@
 .trunk-nav > li {
   float: left;
   font-weight: 500;
-    font-size: 11px;
+  font-size: 11px;
   line-height: 11px;
   margin: 5px;
   width: calc(33.333333% - 10px);
 }
 .trunk-nav > li > a {
   -webkit-appearance: none;
-     -moz-appearance: none;
+  -moz-appearance: none;
   border-radius: 2px;
-         border: 1px solid rgba(255,255,255,0.25);
+  border: 1px solid rgba(255,255,255,0.25);
   color: rgba(255,255,255,1);
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
   font-weight: 500;
-    font-size: 11px;
+  font-size: 11px;
   line-height: 11px;
   padding: 8px 0 7px 0;
   text-decoration: none;
-   text-rendering: geometricPrecision;
-       text-align: center;
+  text-rendering: geometricPrecision;
+  text-align: center;
   -webkit-transition: all 0.3s linear;
-          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); }
 .trunk-user {
   border-top: 1px solid rgba(255,255,255, 0.1);
   list-style-type: none;
@@ -68,36 +67,32 @@
 .trunk-user > li {
   display: inline-block;
   font-weight: 500;
-    font-size: 11px;
+  font-size: 11px;
   line-height: 11px;
   margin: 5px 5px 0 5px;
   width: calc(45% - 30px);
 }
 .trunk-user > li > a {
   -webkit-appearance: none;
-     -moz-appearance: none;
+  -moz-appearance: none;
   border-radius: 2px;
-         border: 1px solid rgba(255,255,255,0.25);
+  border: 1px solid rgba(255,255,255,0.25);
   color: rgba(255,255,255,1);
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
   font-weight: 500;
-    font-size: 11px;
+  font-size: 11px;
   line-height: 11px;
   padding: 9px 0 7px 0;
   text-decoration: none;
-   text-rendering: geometricPrecision;
-       text-align: center;
+  text-rendering: geometricPrecision;
+  text-align: center;
   -webkit-transition: all 0.3s linear;
-          transition: all 0.3s linear;
+  transition: all 0.3s linear;
   vertical-align: middle;
   white-space: nowrap;
 }
-.trunk-user > li > a:active,
-.trunk-user > li > a.active,
-.trunk-user > li > a:hover,
-.trunk-user > li > a:focus { border-color: rgba(255,255,255,1); }
 .trunk-user img,
 .trunk-user > li.trunk-user-placeholder {
   background: rgba(176,193,206,1);

data/vendor/assets/stylesheets/typeahead.scss

@@ -5,4 +5,4 @@
 /* # Typeahead
 ================================================== */
 .typeahead { z-index: 1051; }
-.typeahead b { color: rgba(112,169,13,1); }
+.typeahead b { color: rgba(68,205,1,1); }

data/vendor/assets/stylesheets/typography.scss

@@ -123,7 +123,7 @@ address.small {
   line-height: 22px;
 }
 blockquote {
-  border-left: 5px solid rgba(15,135,226,1);
+  border-left: 5px solid rgba(0,132,255,1);
   padding-left: 10px;
 }
 blockquote p { margin-bottom: 10px; }
@@ -140,15 +140,15 @@ strong { font-weight: 500; }
 /* # Colors
 ================================================== */
 .text-black { color: rgba(43,50,53,1); }
-.text-blue { color: rgba(15,135,226,1); }
+.text-blue { color: rgba(0,132,255,1); }
 .text-gray { color: rgba(136,153,166,1); }
-.text-green { color: rgba(112,169,13,1); }
-.text-orange { color: rgba(232,126,15,1); }
-.text-purple { color: rgba(117,73,170,1); }
-.text-red { color: rgba(218,79,46,1); }
+.text-green { color: rgba(68,205,1,1); }
+.text-orange { color: rgba(255,131,0,1); }
+.text-purple { color: rgba(196,0,235,1); }
+.text-red { color: rgba(255,59,48,1); }
 .text-smoke { color: rgba(102,117,127,1); }
 .text-white { color: rgba(255,255,255,1); }
-.text-yellow { color: rgba(255,217,15,1); }
+.text-yellow { color: rgba(255,235,0,1); }
 
 /* # Decorations
 ================================================== */

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 1.0.11
+  version: 2.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-19 00:00:00.000000000 Z
+date: 2015-04-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -86,6 +86,7 @@ files:
 - vendor/assets/javascripts/dropdown.js
 - vendor/assets/javascripts/file_input.js
 - vendor/assets/javascripts/hoverdown.js
+- vendor/assets/javascripts/loader.js
 - vendor/assets/javascripts/map.js
 - vendor/assets/javascripts/modal.js
 - vendor/assets/javascripts/popover.js
@@ -107,6 +108,7 @@ files:
 - vendor/assets/stylesheets/aside.scss
 - vendor/assets/stylesheets/breadcrumb.scss
 - vendor/assets/stylesheets/button.scss
+- vendor/assets/stylesheets/canvas.scss
 - vendor/assets/stylesheets/carousel.scss
 - vendor/assets/stylesheets/chart.scss
 - vendor/assets/stylesheets/code.scss
@@ -122,6 +124,7 @@ files:
 - vendor/assets/stylesheets/label_and_badge.scss
 - vendor/assets/stylesheets/link.scss
 - vendor/assets/stylesheets/list.scss
+- vendor/assets/stylesheets/loader.scss
 - vendor/assets/stylesheets/map.scss
 - vendor/assets/stylesheets/modal.scss
 - vendor/assets/stylesheets/nav_and_tab.scss
@@ -131,6 +134,7 @@ files:
 - vendor/assets/stylesheets/popover.scss
 - vendor/assets/stylesheets/progress.scss
 - vendor/assets/stylesheets/reset.scss
+- vendor/assets/stylesheets/sidebar.scss
 - vendor/assets/stylesheets/spinner.scss
 - vendor/assets/stylesheets/swoggle.scss
 - vendor/assets/stylesheets/table.scss