active_frontend 5.0.1 → 6.0.0

data/vendor/assets/stylesheets/progress.scss

@@ -1,7 +1,12 @@
 /* Table of Contents
 ==================================================
+# Import
 # Progress */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Progress
 ================================================== */
 @-webkit-keyframes progressBarStripes {
@@ -19,7 +24,7 @@
   overflow: hidden;
 }
 .progress .bar {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   box-sizing: border-box;
   color: rgba(255,255,255,1);
   float: left;

data/vendor/assets/stylesheets/reset.scss

@@ -52,7 +52,7 @@ h6 {
 }
 abbr,
 acronym {
-  border-bottom: 1px dotted rgba(42,44,48,1);
+  border-bottom: 1px dotted rgba(35,41,55,1);
   font-variant: normal;
 }
 caption,
@@ -75,7 +75,7 @@ select {
 html,
 body {
   background: rgba(255,255,255,1);
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 100%;
   -webkit-font-smoothing: antialiased;

data/vendor/assets/stylesheets/sidebar.scss

@@ -6,7 +6,7 @@
 /* # Sidebar
 ================================================== */
 .sidebar {
-  background: rgba(52,64,68,1);
+  background: rgba(35,41,55,1);
   border-left: 2px solid rgba(0,0,0,0.2);
   box-sizing: border-box;
   height: 100%;
@@ -19,7 +19,7 @@
   border-left: 0;
 }
 .sidebar-header {
-  border-bottom: 1px solid rgba(0,0,0,0.15);
+  border-bottom: 1px solid rgba(0,0,0,0.2);
   font-size: 12px;
   line-height: 12px;
   padding: 12px 20px 10px 10px;

data/vendor/assets/stylesheets/spinner.scss

@@ -1,7 +1,12 @@
 /* Table of Contents
 ==================================================
+# Import
 # Spinner */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Spinner
 ================================================== */
 .spinner-backdrop {
@@ -82,9 +87,8 @@
   -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
   animation: spinnerBeat 1.3s infinite ease-in-out;
   background: rgba(255,255,255,1);
-  border: 2px solid rgba(0,153,255,1);
+  border: 2px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 50px;
   width: 50px;
@@ -114,10 +118,9 @@
 .spinner-circle-container-3 > div {
   -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
   animation: spinnerCircle 1.2s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 15px;
   position: absolute;
@@ -232,10 +235,9 @@
 .spinner-chase-2 {
   -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
   animation: spinnerChaseBounce 2.0s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   height: 60%;
@@ -276,10 +278,9 @@
 .spinner-crescent {
   -webkit-animation: spinnerCrescent 1.2s infinite linear;
   animation: spinnerCrescent 1.2s infinite linear;
-  border: 9px solid rgba(0,153,255,1);
+  border: 9px solid $primary-color;
   border-right-color: transparent;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 60px;
   width: 60px;
@@ -315,10 +316,9 @@
 .spinner-cube-9 {
   -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
   animation: spinnerCube 1.3s infinite ease-in-out;
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   border: 1px solid rgba(255,255,255,1);
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   float: left;
   height: 33%;
@@ -388,10 +388,9 @@
 .spinner-double-bounce-2 {
   -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
   animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 50%;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 100%;
   left: 0;
@@ -409,13 +408,13 @@
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0;
+    box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
         -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0;
+    box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
   }
 }
 @keyframes spinnerFlower {
@@ -423,13 +422,13 @@
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0;
+    box-shadow: $primary-color 0 0 23px 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
         -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: rgba(0,153,255,1) 0 0 23px 0, rgba(0,153,255,1) 20px 20px 0 0, rgba(0,153,255,1) -20px 20px 0 0, rgba(0,153,255,1) -20px -20px 0 0, rgba(0,153,255,1) 20px -20px 0 0;
+    box-shadow: $primary-color 0 0 23px 0, $primary-color 20px 20px 0 0, $primary-color -20px 20px 0 0, $primary-color -20px -20px 0 0, $primary-color 20px -20px 0 0;
   }
 }
 .spinner-flower {
@@ -461,16 +460,15 @@
 .spinner-orbit {
   -webkit-animation: spinnerOrbit 1s linear infinite;
   animation: spinnerOrbit 1s linear infinite;
-  border: 1px solid rgba(0,153,255,1);
+  border: 1px solid $primary-color;
   border-radius: 500px;
   height: 60px;
   width: 60px;
 }
 .spinner-orbit-1 {
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 20px;
   width: 20px;
@@ -498,10 +496,9 @@
 .spinner-pulse {
   -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
   animation: spinnerPulse 1.0s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 60px;
   width: 60px;
@@ -531,9 +528,8 @@
 .spinner-rotating-plane {
   -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
   animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
-  -moz-box-sizing: border-box;
+  background: $primary-color;
+  border: 1px solid $primary-color;
   box-sizing: border-box;
   height: 100px;
   width: 100px;
@@ -558,10 +554,9 @@
 .spinner-triple-bounce > div {
   -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
   animation: spinnerTripleBounce 1.4s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   height: 25px;
@@ -616,9 +611,8 @@
 .spinner-wander-2 {
   -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
   animation: spinnerWander 1.8s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
-  -moz-box-sizing: border-box;
+  background: $primary-color;
+  border: 1px solid $primary-color;
   box-sizing: border-box;
   height: 20px;
   left: 0;
@@ -650,9 +644,8 @@
 .spinner-wave > div {
   -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
   animation: spinnerWave 1.2s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
-  -moz-box-sizing: border-box;
+  background: $primary-color;
+  border: 1px solid $primary-color;
   box-sizing: border-box;
   display: inline-block;
   height: 100%;
@@ -731,9 +724,8 @@
   97% { left: 104px; }
 }
 .spinner-wobbler {
-  border: 1px solid rgba(0,153,255,1);
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 26px;
   width: 150px;
@@ -741,10 +733,9 @@
 .spinner-wobbler::after {
   -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
   animation: spinnerWobbler 15s infinite ease-in-out;
-  background: rgba(0,153,255,1);
-  border: 1px solid rgba(0,153,255,1);
+  background: $primary-color;
+  border: 1px solid $primary-color;
   border-radius: 500px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   content: '';
   height: 20px;

data/vendor/assets/stylesheets/swoggle.scss

@@ -17,7 +17,7 @@
   background: rgba(245,248,250,1);
   border-radius: 500px;
   border: 1px solid rgba(245,248,250,1);
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
@@ -40,7 +40,6 @@
 }
 .swoggle span,
 .swoggle label {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
@@ -86,24 +85,24 @@
 .swoggle.swoggle-on.swoggle-smoke,
 .swoggle.swoggle-on.swoggle-yellow { color: rgba(255,255,255,1); }
 .swoggle.swoggle-on.swoggle-black {
-  background: rgba(42,44,48,1);
-  border-color: rgba(42,44,48,1);
+  background: rgba(35,41,55,1);
+  border-color: rgba(35,41,55,1);
 }
 .swoggle.swoggle-on.swoggle-blue {
-  background: rgba(0,153,255,1);
-  border-color: rgba(0,153,255,1);
+  background: rgba(0,102,255,1);
+  border-color: rgba(0,102,255,1);
 }
 .swoggle.swoggle-on.swoggle-green {
-  background: rgba(117,210,24,1);
-  border-color: rgba(117,210,24,1);
+  background: rgba(0,200,0,1);
+  border-color: rgba(0,200,0,1);
 }
 .swoggle.swoggle-on.swoggle-orange {
-  background: rgba(255,131,0,1);
-  border-color: rgba(255,131,0,1);
+  background: rgba(255,82,0,1);
+  border-color: rgba(255,82,0,1);
 }
 .swoggle.swoggle-on.swoggle-purple {
-  background: rgba(126,78,194,1);
-  border-color: rgba(126,78,194,1);
+  background: rgba(128,0,255,1);
+  border-color: rgba(128,0,255,1);
 }
 .swoggle.swoggle-on.swoggle-red {
   background: rgba(240,35,17,1);

data/vendor/assets/stylesheets/table.scss

@@ -34,7 +34,7 @@ table {
 .table th a.active,
 .table th a:active,
 .table th a:hover,
-.table th a:focus { color: rgba(42,44,48,1); }
+.table th a:focus { color: rgba(35,41,55,1); }
 .table th.tablespy-sort-asc:before {
   content: "\f3d8";
   float: right;

data/vendor/assets/stylesheets/timepicker.scss

@@ -1,7 +1,12 @@
 /* Table of Contents
 ==================================================
+# Import
 # Timepicker */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Timepicker
 ================================================== */
 .timepicker { position: relative; }
@@ -57,7 +62,7 @@
 .timepicker-widget table td:not(.separator) { min-width: 30px; }
 .timepicker-widget table td span { width: 100%; }
 .timepicker-widget table td a {
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   display: inline-block;
   margin: 0;
   padding: 8px 0;
@@ -65,7 +70,7 @@
   width: 100%;
 }
 .timepicker-widget table td a:hover {
-  color: rgba(0,153,255,1);
+  color: $primary-color;
   text-decoration: none;
 }
 .timepicker-widget table td input {

data/vendor/assets/stylesheets/tooltip.scss

@@ -43,7 +43,7 @@
   padding: 0 5px;
 }
 .tooltip-inner {
-  background: rgba(42,44,48,1);
+  background: rgba(35,41,55,1);
   border-radius: 3px;
   color: rgba(255,255,255,1);
   letter-spacing: 0;
@@ -61,28 +61,28 @@
   width: 0;
 }
 .tooltip.top .tooltip-arrow {
-  border-top-color: rgba(42,44,48,1);
+  border-top-color: rgba(35,41,55,1);
   border-width: 5px 5px 0;
   bottom: 0;
   left: 50%;
   margin-left: -5px;
 }
 .tooltip.right .tooltip-arrow {
-  border-right-color: rgba(42,44,48,1);
+  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 {
-  border-left-color: rgba(42,44,48,1);
+  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 {
-  border-bottom-color: rgba(42,44,48,1);
+  border-bottom-color: rgba(35,41,55,1);
   border-width: 0 5px 5px;
   left: 50%;
   margin-left: -5px;

data/vendor/assets/stylesheets/trunk.scss

@@ -5,7 +5,7 @@
 /* # Trunk
 ================================================== */
 .trunk {
-  background: rgba(52,64,68,1);
+  background: rgba(35,41,55,1);
   border-bottom: 2px solid rgba(0,0,0,0.2);
   left: 0;
   position: fixed;
@@ -30,7 +30,7 @@
 .trunk-nav > li > a {
   -webkit-appearance: none;
   -moz-appearance: none;
-  border: 1px solid rgba(42,44,48,1);
+  border: 1px solid rgba(0,0,0,0.2);
   border-radius: 0;
   color: rgba(136,153,166,1);
   cursor: pointer;

data/vendor/assets/stylesheets/typeahead.scss

@@ -1,8 +1,16 @@
 /* Table of Contents
 ==================================================
+# Import
 # Typeahead */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Typeahead
 ================================================== */
-.typeahead { z-index: 1051; }
-.typeahead b { color: rgba(0,153,255,1); }
+.typeahead {
+  margin-top: 4px;
+  z-index: 1051;
+}
+.typeahead b { color: $primary-color; }

data/vendor/assets/stylesheets/typography.scss

@@ -57,7 +57,7 @@
 /* # Typography
 ================================================== */
 h1, h2, h3, h4, h5, h6 {
-  color: rgba(52,64,68,1);
+  color: rgba(35,41,55,1);
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-weight: bold;
 }
@@ -123,11 +123,11 @@ address.small {
   line-height: 22px;
 }
 blockquote {
-  border-left: 5px solid rgba(0,153,255,1);
+  border-left: 5px solid rgba(35,41,55,1);
   padding-left: 10px;
 }
 blockquote p { margin-bottom: 10px; }
-blockquote small { color: rgba(134,148,160,1); }
+blockquote small { color: rgba(136,153,166,1); }
 strong { font-weight: 500; }
 
 /* # Alignments
@@ -139,12 +139,12 @@ strong { font-weight: 500; }
 
 /* # Colors
 ================================================== */
-.text-black { color: rgba(42,44,48,1); }
-.text-blue { color: rgba(0,153,255,1); }
+.text-black { color: rgba(35,41,55,1); }
+.text-blue { color: rgba(0,102,255,1); }
 .text-gray { color: rgba(136,153,166,1); }
-.text-green { color: rgba(117,210,24,1); }
-.text-orange { color: rgba(255,131,0,1); }
-.text-purple { color: rgba(126,78,194,1); }
+.text-green { color: rgba(0,200,0,1); }
+.text-orange { color: rgba(255,82,0,1); }
+.text-purple { color: rgba(128,0,255,1); }
 .text-red { color: rgba(240,35,17,1); }
 .text-smoke { color: rgba(85,94,113,1); }
 .text-white { color: rgba(255,255,255,1); }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 5.0.1
+  version: 6.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-11 00:00:00.000000000 Z
+date: 2015-06-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -105,6 +105,7 @@ files:
 - vendor/assets/javascripts/transition.js
 - vendor/assets/javascripts/typeahead.js
 - vendor/assets/stylesheets/.keep
+- vendor/assets/stylesheets/_activefrontend.scss
 - vendor/assets/stylesheets/ad.scss
 - vendor/assets/stylesheets/affix.scss
 - vendor/assets/stylesheets/alert.scss