furatto 1.2.7 → 1.3.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7ee96d43dfb55bc0194db940da350068867f5f5d
-  data.tar.gz: d11856cbc748ba61614325fff6689e17b53a9d3e
+  metadata.gz: 1f8d1512ac2961247bad2e6a7dbd39e34cb98fb4
+  data.tar.gz: f56f283f27859ae50bcabdc7ec92336fc3823e5e
 SHA512:
-  metadata.gz: 1762e2933e8bb0959026e5f779c57a0ce1f15d567d675bb08c7eaf116ca04358419cab7d4f5656d7969398113540c7bae58c756a4cd2f0307c263fbbf25bf2a2
-  data.tar.gz: b54e2347d70d84ece8d183d9e7adb64a00ae11da7aca366a43db4bc6e17189e61c401357a9e67d9eba8676cf04f429d049d4e4fb912ba85e1361e2faf2093f70
+  metadata.gz: 6f20243d96d84266df0dd51c86ec641715379d6486952326b572b6a0cdbe053542b338e5215bab61f1c52a8dbf90fd2616a22b16d21711f95c8c17fd71fac0db
+  data.tar.gz: 54c867321dc874db424df145dccb969501ae889640bfd2f5622cb0b52393852d104c323a74d1a9b48b00e9e3fbfa4b52ed73616ff0588a723d662b5f7f96e41a

data/furatto.gemspec

@@ -20,7 +20,7 @@ Gem::Specification.new do |gem|
   gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
   gem.require_paths = ["lib"]
 
-  gem.add_dependency 'railties', '~> 4.0'
-  gem.add_dependency "actionpack", '~> 4.0'
-  gem.add_dependency "activemodel", '~> 4.0'
+  gem.add_dependency 'railties', '>= 3.0'
+  gem.add_dependency "actionpack", '>= 3.0'
+  gem.add_dependency "activemodel", '>= 3.0'
 end

data/lib/furatto/version.rb

@@ -1,3 +1,3 @@
 module Furatto
-  VERSION = "1.2.7"
+  VERSION = "1.3.7"
 end

data/vendor/assets/javascripts/furatto.js

@@ -1,11 +1,11 @@
 /*!
- * Furatto v3.0.3 (http://icalialabs.github.io/furatto/)
+ * Furatto v3.1.0 (http://icalialabs.github.io/furatto/)
  * Copyright 2014-2014 Icalia Labs
  * Licensed under MIT (https://github.com/IcaliaLabs/furatto/blob/master/LICENSE)
  */
 
 /*!
- * Furatto v3.0.3 (http://icalialabs.github.io/furatto/)
+ * Furatto v3.1.0 (http://icalialabs.github.io/furatto/)
  * Copyright 2014-2014 Icalia Labs
  * Licensed under MIT (https://github.com/IcaliaLabs/furatto/blob/master/LICENSE)
  */
@@ -32,12 +32,16 @@ var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments)
       this.init = __bind(this.init, this);
       this.options = $.extend({}, options);
       this.$el = $(el);
-      this.modal = $(this.$el.data('target'));
-      this.close = this.modal.find('.modal-close');
+      if (this.$el.is('.modal')) {
+        this.$modal = this.$el;
+      } else {
+        this.$modal = $(this.$el.data('target'));
+      }
+      this.close = this.$modal.find('.modal-close');
       this.transition = this.$el.data('transition') || "1";
       this.theme = this.$el.data('theme') || "default";
-      this.modal.addClass("modal-effect-" + this.transition);
-      this.modal.addClass("" + this.theme);
+      this.$modal.addClass("modal-effect-" + this.transition);
+      this.$modal.addClass("" + this.theme);
     }
 
     Modal.prototype.init = function() {
@@ -50,10 +54,10 @@ var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments)
     };
 
     Modal.prototype.show = function(ev) {
-      if (this.$el.is('div')) {
+      if (this.$el.is('.modal')) {
         this.$el.addClass('modal-show');
       } else {
-        this.modal.addClass('modal-show');
+        this.$modal.addClass('modal-show');
       }
       $('.modal-overlay').addClass('modal-show-overlay');
       $('body').bind('keyup', this.hideOnEsc);
@@ -74,10 +78,10 @@ var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments)
 
     Modal.prototype.hide = function() {
       $('.modal-overlay').removeClass('modal-show-overlay');
-      if (this.$el.is('div')) {
+      if (this.$el.is('.modal')) {
         this.$el.removeClass('modal-show');
       } else {
-        this.modal.removeClass('modal-show');
+        this.$modal.removeClass('modal-show');
       }
       $('body').unbind('keyup', this.hideOnEsc);
       return $('body').unbind('click', this.hideOnDocumentClick);
@@ -100,7 +104,7 @@ var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments)
       }
     });
   };
-  Furatto.Modal.version = "1.0.0";
+  Furatto.Modal.version = "1.0.1";
   $(document).ready(function() {
     var elementToAppend;
     if ($('.off-screen').length > 0) {

data/vendor/assets/stylesheets/furatto/_forms.scss

@@ -34,7 +34,12 @@ $form-input-mini-width: 20% !default;
 $form-input-small-width: $form-input-mini-width * 2 !default; 
 $form-input-medium-width: $form-input-mini-width * 3 !default;
 $form-input-large-width: $form-input-mini-width * 4 !default;
-$form-input-file-width: 100% !default;;
+$form-input-file-width: 100% !default;
+$form-input-transition-property: all !default;
+$form-input-transition-duration: 0.1s !default;
+$form-input-transition-timing-function: ease-in-out !default;
+$include-input-box-shadow-on-focus: true !default;
+$include-input-transition: true !default;
 
 //Validation states
 $form-label-success-color: #27ae60 !default;
@@ -124,8 +129,12 @@ input[type="color"],
 {
   @include border-radius($form-input-radius);
   @include box-shadow($form-input-box-shadow);
-  @include single-transition(all 0.1s ease-in-out);
   @include appearance($ap: none);
+
+  @if($include-input-transition) {
+    @include single-transition($form-input-transition-property $form-input-transition-duration $form-input-transition-timing-function);
+  }
+
   display: block;
   width: 100%;
   height: $form-input-height;
@@ -145,7 +154,9 @@ input[type="color"],
 
   //Focus state
   &:focus {
-    @include box-shadow($form-input-focus-box-shadow);
+    @if($include-input-box-shadow-on-focus) {
+      @include box-shadow($form-input-focus-box-shadow);
+    }
     border-color: $form-input-focus-border-color; 
     outline: none;
     background: $form-input-focus-background-color;

data/vendor/assets/stylesheets/furatto/_global.scss

@@ -19,7 +19,5 @@ $navigation-inline-list-item-margin-left: px-to-rems(12) !default;
 $navigation-bar-height: 45px !default;
 $navigation-bar-toggle-icon-top-position: (($navigation-bar-height - 21) / 2) - 6 !default;
 
-$toolbar-bg-color: #232323 !default;
-
 // Media queries
 $media-display: "only screen" !default;

data/vendor/assets/stylesheets/furatto/_mixins.scss

@@ -160,3 +160,63 @@
     margin-left: $left-list-item-margin;
   }
 }
+
+// Long text shadows
+// Brought to you by http://codepen.io/awesomephant/pen/mAxHz
+@mixin long-shadow($type, $color, $length, $fadeout: true, $skew: false, $direction: right){
+  $shadow: '';
+  @if $skew == false or $type == text{
+    @if $direction == right {
+      @for $i from 0 to $length - 1 {
+        $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $color + ',';
+      }
+    }
+    @if $direction == left {
+      @for $i from 0 to $length - 1 {
+        $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $color + ',';
+       }
+      }
+     }
+        
+   @if $fadeout == true{
+    @for $i from 1 to $length - 1 {
+      @if $type == text or $skew == false{
+        @if $direction == right{
+          $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' +       rgba($color, 1 - $i / $length) + ',';
+        }
+        @if $direction == left{
+          $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' +       rgba($color, 1 - $i / $length) + ',';
+        }
+      }
+      @if ($type == box) and $skew == true{
+        @if $direction == right {
+          $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ',';
+        }
+        @if $direction == left {
+          $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ',';
+        }
+      }
+  }
+  $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba($color, 0);
+ }
+ @if $fadeout == false{
+   @if $skew == true and ( $type == box ){
+     @for $i from 0 to $length - 1 {
+            $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .1 + 'px ' + $color + ',';
+      }
+   }
+    $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba(0,0,0,0);
+ }
+ $shadow: unquote($shadow);
+  @if $type == 'box' {@include box-shadow($shadow);}
+  @if $type == 'text' {text-shadow: $shadow;}
+}
+
+// Placeholder mixin
+@mixin input-placeholder {
+    &.placeholder { @content; }
+    &:-moz-placeholder { @content; }
+    &::-moz-placeholder { @content; }
+    &:-ms-input-placeholder { @content; }
+    &::-webkit-input-placeholder { @content; } 
+}

data/vendor/assets/stylesheets/furatto/_navigation_bar.scss

@@ -24,15 +24,18 @@ $navigation-bar-divider-color: scale-color($navigation-bar-background, $lightnes
 $navigation-bar-divider-size: 1px !default;
 $navigation-bar-divider-style: solid !default;
 
-//Brand section
-$navigation-bar-brand-section-font-size: px-to-rems(18) !default;
-$navigation-bar-brand-section-font-weight: 400 !default;
-
 //Navigation links settings
 $navigation-bar-link-color: #FFF !default;
 $navigation-bar-link-hover-color: #999 !default;
 $navigation-bar-link-hover-decoration: none !default;
-$navigation-bar-hover-link-background-color: darken($navigation-bar-background, 5%) !default;
+$navigation-bar-hover-link-background-color: darken($navigation-bar-background, 1%) !default;
+
+//Brand section
+$navigation-bar-brand-section-font-size: px-to-rems(18) !default;
+$navigation-bar-brand-section-font-weight: 400 !default;
+$navigation-bar-brand-name-color: $navigation-bar-link-color !default;
+$navigation-bar-brand-name-hover-text-decoration: none !default;
+$navigation-bar-brand-name-hover-color: $navigation-bar-brand-name-color !default;
 
 //Buttons settings
 $navigation-bar-button-font-size: $navigation-font-size !default;
@@ -337,6 +340,18 @@ $navigation-bar-collapse-width: 768px !default;
     font-size: $navigation-bar-brand-section-font-size; 
     position: relative;
     font-weight: $navigation-bar-brand-section-font-weight;
+
+    .brand-name {
+      a {
+        color: $navigation-bar-brand-name-color; 
+
+        &:hover {
+          text-decoration: $navigation-bar-brand-name-hover-text-decoration;
+          color: $navigation-bar-brand-name-hover-color;
+        }
+      }
+    }
+
     li {
       padding: 0;
 

data/vendor/assets/stylesheets/furatto/_pagination.scss

@@ -27,13 +27,13 @@ ul.pagination {
   font-size: $pagination-font-size;
 
   display: block;
-  color: $pagination-color;
 
   & > li {
     display: inline-block;
 
     & > a, 
     & > span {
+      color: $pagination-color;
       padding: $pagination-list-items-padding;
       @if($include-pagination-transition-list-items) {
         @include transition((background 0.3s ease-out, color 0.3s ease-out));

data/vendor/assets/stylesheets/furatto/_responsive_utilities.scss

@@ -14,14 +14,14 @@ $extra-small-media: "#{$media-display} and (max-width: #{$extra-small-screen-max
 $small-screen: 768px !default;
 $small-screen-max: $small-screen - 1 !default;
 $small-screen-media: "#{$media-display} and (max-width: #{$small-screen-max})" !default;
-$small-screen-range: "#{$media-display} and (min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
+$small-screen-range-media: "#{$media-display} and (min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
 
 $medium-screen: 992px !default;
 $medium-screen-max: $medium-screen - 1 !default;
-$medium-screen-range: "#{$media-display} and (min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
+$medium-screen-media: "#{$media-display} and (min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
 
 $large-screen: 1200px !default;
-$large-screen-range: "#{$media-display} and (min-width: #{$large-screen})" !default;
+$large-screen-media: "#{$media-display} and (min-width: #{$large-screen})" !default;
 
 // Responsive screen orientations
 $portrait-media: "#{$media-display} and (orientation: portrait)" !default;
@@ -35,17 +35,17 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     @include responsive-visibility();
   }
   &.visible-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-large {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
@@ -59,16 +59,16 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
       @include responsive-visibility();
     }
   }
-  @media #{$small-screen-range} {
+  @media #{$small-screen-range-media} {
     @include responsive-visibility();
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-large {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
@@ -84,15 +84,15 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     }
   }
   &.visible-sm {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
-  @media #{$medium-screen-range} {
+  @media #{$medium-screen-media} {
     @include responsive-visibility();
   }
   &.visible-lg {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
@@ -107,16 +107,16 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     }
   }
   &.visible-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {      
+    @media #{$medium-screen-media} {      
       @include responsive-visibility();
     }
   }
-  @media #{$large-screen-range} {
+  @media #{$large-screen-media} {
     @include responsive-visibility();
   }
 }
@@ -128,17 +128,17 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     @include responsive-invisibility();
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
@@ -152,16 +152,16 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
       @include responsive-invisibility();
     }
   }
-  @media #{$small-screen-range} {
+  @media #{$small-screen-range-media} {
     @include responsive-invisibility();
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
@@ -176,15 +176,15 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     }
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
-  @media #{$medium-screen-range} {
+  @media #{$medium-screen-media} {
     @include responsive-invisibility();
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
@@ -199,16 +199,16 @@ $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
     }
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
-  @media #{$large-screen-range} {
+  @media #{$large-screen-media} {
     @include responsive-invisibility();
   }
 }

data/vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss

@@ -2,7 +2,10 @@
 //@variables
 //
 
-$small-min-width: 480px !default;
+$extra-small-min-width: 320px !default;
+$extra-small-max-width: 479px !default;
+
+$small-min-width: $extra-small-max-width + 1 !default;
 $small-max-width: 767px !default;
 
 $medium-min-width: $small-max-width + 1 !default;
@@ -79,3 +82,22 @@ $large-min-width: $medium-max-width + 1 !default;
     text-align: right; 
   } 
 }
+
+//Extra small screen sizes alignment
+@include screen($resMin: $extra-small-min-width, $resMax: $extra-small-max-width) {
+  .text-center-xsm {
+    text-align: center; 
+  } 
+
+  .text-left-xsm {
+    text-align: left; 
+  } 
+
+  .text-justify-xsm {
+    text-align: justify; 
+  } 
+
+  .text-right-xsm {
+    text-align: right; 
+  } 
+}

data/vendor/assets/stylesheets/furatto/_theming.scss

@@ -0,0 +1,69 @@
+// Theming variables
+//
+
+//
+//@variables
+//
+
+@function set-smart-color($color) {
+  @if (lightness($color) > 80) {
+    @return #000000; // We return a dark color when the background is light
+  } @else {
+    @return #ffffff; // We return a light color when the background is dark 
+  }
+}
+
+$primary-color: #191818;
+
+// Navigation bar
+$navigation-bar-background: $primary-color;
+$navigation-bar-border-bottom: 1px solid darken($primary-color, 3%);
+$navigation-bar-color: set-smart-color($primary-color); 
+$navigation-bar-link-color: set-smart-color($primary-color);
+$navigation-bar-link-hover-color: darken(set-smart-color($primary-color), 5%);
+$navigation-bar-divider-color: rgba(set-smart-color($primary-color), 0.1);
+
+//Buttons
+$button-default-background-color: $primary-color;
+$button-primary-background: $primary-color;
+$button-font-color: set-smart-color($primary-color);
+
+//Labels
+$label-default-background: $primary-color;
+$label-primary-background: $primary-color;
+$label-font-color: set-smart-color($primary-color);
+
+//Pagination
+$pagination-bg-color: $primary-color;
+$pagination-color: lighten($primary-color, 3%);
+
+//Alerts
+$alert-primary-background: $primary-color;
+
+//Blockquote
+$blockquote-border-primary-color: $primary-color;
+$blockquote-border-color: $primary-color;
+
+//Grid
+$grid-primary-background-color: $primary-color;
+
+//Tooltip
+$tooltip-color: $primary-color;
+
+//Toolbar
+$toolbar-background-color: $primary-color;
+$toolbar-primary-background-color: $primary-color;
+
+//Offscreen
+$off-screen-navigation-background-color: lighten($primary-color, 5%);
+
+//Inline navigation
+$navigation-inline-active-background: $primary-color;
+$navigation-inline-link-hover: $primary-color;
+
+//Global
+$base-link-color: $primary-color;
+$anchor-color: $primary-color;
+
+
+

data/vendor/assets/stylesheets/furatto/_toolbars.scss

@@ -108,7 +108,7 @@ $include-toolbar-right-position: true !default;
 
 @if ($include-toolbar-top-position) {
   .tool-container.tool-top .arrow {
-    border-color: $toolbar-bg-color transparent transparent; 
+    border-color: $toolbar-background-color transparent transparent; 
     left: 50%;  
     bottom: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
     margin-left: -1 * $toolbar-arrow-border-width;

metadata

@@ -1,57 +1,57 @@
 --- !ruby/object:Gem::Specification
 name: furatto
 version: !ruby/object:Gem::Version
-  version: 1.2.7
+  version: 1.3.7
 platform: ruby
 authors:
 - Abraham Kuri Vargas
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-30 00:00:00.000000000 Z
+date: 2014-10-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: actionpack
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: activemodel
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '3.0'
 description: Integrates the Furatto CSS Framework to the Rails assets Pipeline
 email:
 - kurenn@icalialabs.com
@@ -104,6 +104,7 @@ files:
 - vendor/assets/stylesheets/furatto/_tables.scss
 - vendor/assets/stylesheets/furatto/_tabs.scss
 - vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss
+- vendor/assets/stylesheets/furatto/_theming.scss
 - vendor/assets/stylesheets/furatto/_toolbars.scss
 - vendor/assets/stylesheets/furatto/_tooltips.scss
 - vendor/assets/stylesheets/furatto/_typography.scss
@@ -128,7 +129,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: furatto-rails
-rubygems_version: 2.2.1
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Furatto CSS Framework for Rails 3.1 Asset Pipeline