fancy-buttons 1.0.3 → 1.0.4

data/fancy-buttons.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{fancy-buttons}
-  s.version = "1.0.3"
+  s.version = "1.0.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Brandon Mathis"]

data/lib/stylesheets/_fancy-buttons.sass

@@ -19,7 +19,6 @@ $fb-gradient: 1 !default
 $fb-image-path: image-url("button_bg.png") !default
 $fb-allow-disabled: false !default
 $fb-line-height: 1.2em !default
-$fb-inset: true !default
 
 // Make a fancy button.
 =fancy-button($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
@@ -37,15 +36,15 @@ $fb-inset: true !default
   &:active
     @if $active == 0
       +fb-color(darken($color, 6), "active", $color)
+      +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
     @else
       +fb-color($active, "active")
-    @if $fb-inset
-      +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
+      +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
+    
   @if $allow-disabled
     &.disabled, &[disabled]
       +disable-fancy-button($color)
-  @if $fb-inset
-    +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
+  +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
   +background-clip(padding-box)
 
 =fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
@@ -93,18 +92,18 @@ $fb-inset: true !default
   background-color: $color
   @if $fb-gradient != 0
     @if $fb-gradient-style == "glossy"
-      @if $fb-invert-on-click != 0 and $state == "active"
-        +invert-fancy-gradient($gradient-top, $gradient-bottom)
+      @if $state == "active"
+        +fancy-gradient-active($gradient-top, $gradient-bottom)
       @else
         +fancy-gradient($gradient-top, $gradient-bottom)
     @else if $fb-gradient-style == "matte"
-      @if $fb-invert-on-click and $state == "active"
-        +invert-fancy-matte-gradient($gradient-top, $gradient-bottom)
+      @if $state == "active"
+        +fancy-matte-gradient-active($gradient-top, $gradient-bottom)
       @else
         +fancy-matte-gradient($gradient-top, $gradient-bottom)
     @else if $fb-gradient-style == "custom"
-      @if $fb-invert-on-click and $state == "active"
-        +invert-custom-fancy-gradient($gradient-top, $gradient-bottom)
+      @if $state == "active"
+        +custom-fancy-gradient-active($gradient-top, $gradient-bottom)
       @else
         +custom-fancy-gradient($gradient-top, $gradient-bottom)
   border:

data/lib/stylesheets/_fancy-gradient.sass

@@ -6,7 +6,7 @@
   $bottom_middle: $color2
   +linear-gradient(color_stops($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
 
-=invert-fancy-gradient($color1, $color2)
+=fancy-gradient-active($color1, $color2)
   $top: lighten($color2, 6)
   $bottom: lighten($color2, 14)
   $top_middle: lighten($color2, 8)
@@ -17,12 +17,12 @@
 =fancy-matte-gradient($color1, $color2)
   +linear-gradient(color_stops($color1, $color2))
 
-=invert-fancy-matte-gradient($color1, $color2)
+=fancy-matte-gradient-active($color1, $color2)
   $top: lighten($color2, 5)
   $bottom: lighten($color2, 15)
   $middle: lighten($color2, 8)
   +linear-gradient(color_stops($top, $middle 40%, $middle 85%, $bottom))
 
 /* incase an inverted custom gradient isn't specified
-=invert-custom-fancy-gradient($color1, $color2)
+=custom-fancy-gradient-active($color1, $color2)
   +custom-fancy-gradient($color1, $color2)

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: fancy-buttons
 version: !ruby/object:Gem::Version 
-  hash: 17
+  hash: 31
   prerelease: false
   segments: 
   - 1
   - 0
-  - 3
-  version: 1.0.3
+  - 4
+  version: 1.0.4
 platform: ruby
 authors: 
 - Brandon Mathis