active_frontend 8.0.1 → 9.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 696b9e32a78a0fa88311d85c73dd311894c37a4e
-  data.tar.gz: 93fd537ac023ae4f4424628a7acd6574b4a2abc3
+  metadata.gz: 1e14a8639ab0c367b3cf0164bbd919d12a0dc6ea
+  data.tar.gz: ab30c394754a8517bc735781c28b1dce910789d2
 SHA512:
-  metadata.gz: 89d9cd1c90a402f4fdf02eda68960aac0ec6e52d22b28de06e526a1f4081fb16dc9be4dce9cdf70a4df3c23d95035993bc469decf8f99f63c4485eb4fa1cc8aa
-  data.tar.gz: bb95641a19c7a5ba770af159df68640aa7355c7fcb4088964def0e696aa36d4735504fb74459b463d46b8d4ec8ee6bda20887afb177e4740d6d8b564593b8c62
+  metadata.gz: d468a7254e726475176e3a0de11a484da4c15c3e820d1b935199068667c19914c2aac6c8f0bbd9a861f7c3513fb93215ff95ee64ca3f067134e146e29cccc7d7
+  data.tar.gz: 009e7d14f4ab4888bf2b50cbca6f5824c8e630d81596472146d8d5b09d24d1384850cd1cdd78adc8801c66ac656f8e8282c95e15fa040573802aa1eba5982bde

data/README.md

@@ -25,6 +25,7 @@ Or install it yourself as:
 Add the CSS files you want to include:
 
 ```ruby
+*= require color.css (place before any files)
 *= require reset.css (place before any files)
 *= require ad.css
 *= require affix.css

data/Rakefile

@@ -1 +1,3 @@
-require "bundler/gem_tasks"
+require "bundler/gem_tasks"
+
+task default: :spec

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "8.0.1"
+  VERSION = "9.0.0"
 end

data/vendor/assets/javascripts/chart.js

@@ -49,7 +49,7 @@
       scaleStartValue: null,
 
       // String - Colour of the scale line
-      scaleLineColor: "rgba(240,240,240,1)",
+      scaleLineColor: "rgba(239,240,243,1)",
 
       // Number - Pixel width of the scale line
       scaleLineWidth: 1,
@@ -76,7 +76,7 @@
       scaleFontStyle: "bold",
 
       // String - Scale label font colour
-      scaleFontColor: "rgba(22,27,31,1)",
+      scaleFontColor: "rgba(35,41,55,1)",
 
       // Boolean - whether or not the chart should be responsive and resize when the browser does.
       responsive: true,
@@ -91,7 +91,7 @@
       tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
 
       // String - Tooltip background colour
-      tooltipFillColor: "rgba(22,27,31,1)",
+      tooltipFillColor: "rgba(35,41,55,1)",
 
       // String - Tooltip label font declaration for the scale label
       tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
@@ -1910,7 +1910,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(240,240,240,1)",
+    scaleGridLineColor : "rgba(239,240,243,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2387,7 +2387,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(240,240,240,1)",
+    scaleGridLineColor : "rgba(239,240,243,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2992,7 +2992,7 @@
       scaleBeginAtZero : true,
 
       //String - Colour of the angle line
-      angleLineColor : "rgba(240,240,240,1)",
+      angleLineColor : "rgba(239,240,243,1)",
 
       //Number - Pixel width of the angle line
       angleLineWidth : 1,
@@ -3007,7 +3007,7 @@
       pointLabelFontSize : 11,
 
       //String - Point label font colour
-      pointLabelFontColor : "rgba(22,27,31,1)",
+      pointLabelFontColor : "rgba(35,41,55,1)",
 
       //Boolean - Whether to show a dot for each point
       pointDot : true,

data/vendor/assets/stylesheets/_alert.scss

@@ -56,15 +56,15 @@
 .alert-success { background: $color-green; }
 .alert-indigo { background: $color-indigo; }
 .alert-lime { background: $color-lime; }
-.alert-orange { background: $color-orange; }
+.alert-orange,
+.alert-warning { background: $color-orange; }
 .alert-purple { background: $color-purple; }
 .alert-pink { background: $color-pink; }
 .alert-red,
 .alert-error,
 .alert-alert { background: $color-red; }
 .alert-teal { background: $color-teal; }
-.alert-yellow,
-.alert-warning { background: $color-yellow; }
+.alert-yellow { background: $color-yellow; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_button.scss

@@ -724,7 +724,7 @@ input.btn-block {
   margin-right: 10px;
   margin-left: 0;
 }
-.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.075); }
+.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.05); }
 .btn-group > .btn,
 .btn-group-vertical > .btn {
   border-radius: 0;

data/vendor/assets/stylesheets/_canvas.scss

@@ -30,7 +30,7 @@
   width: calc(100% - 280px);
 }
 .canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar { margin-top: 60px; }
+.canvas-with-header > .canvas-sidebar { margin-top: 65px; }
 .canvas-with-footer > .canvas-content { padding-bottom: 90px; }
 .canvas-sidebar {
   max-width: 280px;

data/vendor/assets/stylesheets/_color.scss

@@ -0,0 +1,26 @@
+/* Table of Contents
+==================================================
+# Colors */
+
+/* # Colors
+================================================== */
+$color-black: rgba(35,41,55,1);
+$color-black-dark: rgba(0,0,0,1);
+$color-black-light: rgba(55,61,75,1);
+$color-gray: rgba(123,137,148,1);
+$color-gray-dark: rgba(71,82,93,1);
+$color-gray-light: rgba(175,184,195,1);
+$color-haze: rgba(239,240,243,1);
+$color-haze-dark: rgba(225,226,230,1);
+$color-haze-light: rgba(247,248,250,1);
+$color-blue: rgba(0,102,255,1);
+$color-green: rgba(0,180,0,1);
+$color-indigo: rgba(86,21,237,1);
+$color-lime: rgba(151,212,19,1);
+$color-orange: rgba(255,82,0,1);
+$color-pink: rgba(255,51,102,1);
+$color-purple: rgba(128,0,255,1);
+$color-red: rgba(240,35,17,1);
+$color-teal: rgba(32,176,176,1);
+$color-white: rgba(255,255,255,1);
+$color-yellow: rgba(255,245,0,1);

data/vendor/assets/stylesheets/_form.scss

@@ -189,16 +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;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
   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;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .form-error-messages > ul > li {
   display: block;

data/vendor/assets/stylesheets/_header.scss

@@ -19,8 +19,8 @@
   background: $color-white;
   border-bottom: 1px solid $color-haze;
   box-sizing: border-box;
-  height: 60px;
-  padding: 15px 0;
+  height: 65px;
+  padding: 17px 0;
   width: 100%;
 }
 .header-brand { float: left; }
@@ -43,7 +43,7 @@
 .header-nav,
 .header-nav-alt,
 .header-toolchain {
-  color: $color-gray-dark;
+  color: $color-black-light;
   list-style-type: none;
   padding: 0;
 }
@@ -59,7 +59,7 @@
 .header-nav-alt > li,
 .header-toolchain > li {
   float: left;
-  color: $color-gray-dark;
+  color: $color-black-light;
 }
 .header-nav > li,
 .header-nav-alt > li {
@@ -86,7 +86,7 @@
 .header-nav > li > a,
 .header-nav-alt > li > a,
 .header-toolchain > li > a {
-  color: $color-gray-dark;
+  color: $color-black-light;
   text-decoration: none;
 }
 .header-nav-alt > li > a { padding: 10px 0 9px 0; }

data/vendor/assets/stylesheets/_modal.scss

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

data/vendor/assets/stylesheets/_sidebar.scss

@@ -26,8 +26,8 @@
   padding: 12px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-header {
-  padding-right: 10px;
   padding-left: 20px;
+  padding-right: 10px;
 }
 .sidebar-header > h6 {
   font-size: 12px;
@@ -37,7 +37,7 @@
   text-transform: uppercase;
 }
 .sidebar-content {
-  height: calc(100% - 60px);
+  height: calc(100% - 54px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-x: hidden;
@@ -51,7 +51,7 @@
 .sidebar-scrollable {
   border-bottom: 1px solid $color-haze-light;
   height: auto;
-  max-height: calc(50% - 60px);
+  max-height: calc(50% - 54px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-y: auto;

data/vendor/assets/stylesheets/_trunk.scss

@@ -1,12 +1,14 @@
 /* Table of Contents
 ==================================================
-# Trunk */
+# Trunk
+# Colors
+# Media Queries */
 
 /* # Trunk
 ================================================== */
 .trunk {
-  background: $color-black;
-  border-bottom: 1px solid $color-black-dark;
+  background: $color-white;
+  border-bottom: 1px solid $color-haze;
   left: 0;
   position: fixed;
   right: 0;
@@ -14,7 +16,6 @@
   z-index: 1040;
 }
 .trunk-buffer { padding: 30px 0; }
-.trunk-search > input { border-color: $color-black-dark; }
 .trunk-nav,
 .trunk-user {
   list-style-type: none;
@@ -46,7 +47,8 @@
 .trunk-user > li > a {
   -webkit-appearance: none;
   appearance: none;
-  color: $color-white;
+  border-radius: 2px;
+  color: $color-gray-dark;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
@@ -65,21 +67,21 @@
   white-space: nowrap;
 }
 .trunk-nav > li > a {
-  border: 1px solid $color-black-dark;
+  border: 1px solid $color-haze;
   padding: 11px 0 9px 0;
 }
 .trunk-user > li > a { padding: 9px 0 7px 0; }
 .trunk-nav > li > a:hover,
 .trunk-nav > li > a:active,
 .trunk-nav > li > a.active,
-.trunk-nav > li > a:focus {
-  border-color: $color-white;
-  color: $color-white;
-}
+.trunk-nav > li > a:focus,
 .trunk-user > li > a:hover,
 .trunk-user > li > a:active,
 .trunk-user > li > a.active,
-.trunk-user > li > a:focus { color: $color-white; }
+.trunk-user > li > a:focus {
+  border-color: $color-primary;
+  color: $color-primary;
+}
 .trunk-user > li.trunk-user-placeholder,
 .trunk-user > li.trunk-user-placeholder > img, {
   background: $color-gray;
@@ -95,4 +97,40 @@
 .trunk-user > li.trunk-user-placeholder > i {
   font-size: 26px;
   line-height: 44px;
+}
+
+/* # Colors
+================================================== */
+.trunk-dark {
+  background: $color-black;
+  border-color: $color-black-dark;
+}
+.trunk-light {
+  background: $color-haze-light;
+  border-color: $color-haze-dark;
+}
+.trunk-dark .trunk-nav > li > a,
+.trunk-dark .trunk-user > li > a { color: $color-white; }
+.trunk-dark .trunk-nav > li > a:hover,
+.trunk-dark .trunk-nav > li > a:active,
+.trunk-dark .trunk-nav > li > a.active,
+.trunk-dark .trunk-nav > li > a:focus,
+.trunk-dark .trunk-user > li > a:hover,
+.trunk-dark .trunk-user > li > a:active,
+.trunk-dark .trunk-user > li > a.active,
+.trunk-dark .trunk-user > li > a:focus {
+  border-color: $color-primary;
+  color: $color-primary;
+}
+
+/* # 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) {
+  .trunk { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/activefrontend.scss

@@ -1,37 +1,18 @@
 /* Table of Contents
 ==================================================
-# Variables
-# Globals
-# Imports */
+# Required Imports
+# Required Variables
+# Optional Imports */
 
-/* # Variables
+/* # Required Imports
 ================================================== */
-$color-black-light: rgba(42,47,51,1);
-$color-black: rgba(22,27,31,1);
-$color-black-dark: rgba(2,7,11,1);
-$color-blue: rgba(41,150,204,1);
-$color-haze-light: rgba(250,250,250,1);
-$color-haze: rgba(240,240,240,1);
-$color-haze-dark: rgba(230,230,230,1);
-$color-gray-light: rgba(172,184,195,1);
-$color-gray: rgba(123,137,148,1);
-$color-gray-dark: rgba(71,82,93,1);
-$color-green: rgba(36,181,36,1);
-$color-indigo: rgba(84,114,204,1);
-$color-lime: rgba(149,191,21,1);
-$color-orange: rgba(222,139,22,1);
-$color-pink: rgba(255,107,107,1);
-$color-purple: rgba(128,51,204,1);
-$color-red: rgba(223,51,32,1);
-$color-teal: rgba(28,189,162,1);
-$color-white: rgba(255,255,255,1);
-$color-yellow: rgba(209,178,0,1);
+@import 'color';
 
-/* # Globals
+/* # Required Variables
 ================================================== */
 $color-primary: $color-blue;
 
-/* # Imports
+/* # Optional Imports
 ================================================== */
 @import 'reset';
 @import 'ad';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 8.0.1
+  version: 9.0.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-27 00:00:00.000000000 Z
+date: 2015-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -120,6 +120,7 @@ files:
 - vendor/assets/stylesheets/_chart.scss
 - vendor/assets/stylesheets/_code.scss
 - vendor/assets/stylesheets/_collapse.scss
+- vendor/assets/stylesheets/_color.scss
 - vendor/assets/stylesheets/_colorpicker.scss
 - vendor/assets/stylesheets/_datepicker.scss
 - vendor/assets/stylesheets/_dropdown.scss