sassy-buttons 0.1.0 → 0.1.1

data/README.mkdn

@@ -38,6 +38,9 @@ Installing Sassy Buttons on Rails 3.1
     # Bundle your gems to get the sassy-buttons plugin to compass
     $ bundle install
 
+    # Install Sassy Buttons Assets
+    $ bundle exec compass install sassy-buttons
+
 Using Sassy Buttons
 ===================
 
@@ -138,10 +141,10 @@ Available Sassy Buttons Mixins
 
 A sassy button is made up a few different mixins, which all get called by the main sassy button mixin (@include sassy-button). These mixins are  available for you to use for advanced control over your buttons.
 
-  # Mixin for the structure of your button (this mixin calls the sassy-button-default structure mixin).
-  # Example use: Creating a custom button structure to apply color and text style mixins on.
-  @include sassy-button-structure(border-radius, font-size, padding)
+	# Mixin for the structure of your button (this mixin calls the sassy-button-default structure mixin).
+  	# Example use: Creating a custom button structure to apply color and text style mixins on.
+  	@include sassy-button-structure(border-radius, font-size, padding)
 
-  # Mixin for the gradient styles
-  # Example use: You could call this mixin on a :hover or :active state to provide your own styles for those pseudo states.
-  @include sassy-button-gradient(gradient-style, first-color, second-color, text-color, text-style, auto-states)
+  	# Mixin for the gradient styles
+  	# Example use: You could call this mixin on a :hover or :active state to provide your own styles for those pseudo states.
+  	@include sassy-button-gradient(gradient-style, first-color, second-color, text-color, text-style, auto-states)

data/stylesheets/_sassy-buttons.sass

@@ -44,7 +44,7 @@ $sb-gradient-style: "simple" !default
 $sb-pseudo-states: true !default
 
 // Add gradient png for IE 7+
-$sb-ie-support: false !default
+$sb-ie-support: true !default
 
 // Set the default Line height
 $sb-line-height: 1.5 !default
@@ -56,6 +56,7 @@ $sb-line-height: 1.5 !default
   display: inline-block
   cursor: pointer
   line-height: $sb-line-height
+  text-decoration: none
 
 // The Sassy Button kitchen sink.
 @mixin sassy-button($gradient-style: $sb-gradient-style, $border-radius: $sb-border-radius, $font-size: $sb-font-size, $first-color: $sb-base-color, $second-color: $sb-second-color, $text-color:$sb-text-color, $text-style: $sb-text-style, $auto-states: $sb-pseudo-states, $ie: $sb-ie-support)
@@ -63,7 +64,6 @@ $sb-line-height: 1.5 !default
   @include sassy-button-gradient($gradient-style, $first-color, $second-color, $text-color, $text-style, $auto-states, $ie)
 
 
-
 // Structure for a sassy button
 @mixin sassy-button-structure($border-radius: $sb-border-radius, $font-size: $sb-font-size, $padding: $sb-padding)
   font-size: $font-size

data/stylesheets/sassy-buttons/_sassy-button-gradients.sass

@@ -9,7 +9,7 @@
   @if $lightness > 75
     $brightnessDivsor : 2
 
-  // Add IE Gradient PNG if $sb-ie-support is true else just put add the background color
+  // Add IE Gradient PNG if $sb-ie-support is true else just add the background color
   @if $ie
     background: image-url("sassy-ie-overlay.png") repeat-x bottom left $base-color
   @else

data/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass

@@ -1,8 +1,14 @@
-// Mixin that generates :hover and :active psuedo states.
+// Mixin that generates :hover, :active, and disabled psuedo states
 
 @mixin sassy-pseudo-states($first-color, $second-color, $style)
   @include sassy-button-hover($first-color, $second-color, $style)
 
+  &.disabled, &[disabled]
+    opacity: 0.6
+    background: $second-color
+    cursor: default
+    @include box-shadow(none)
+
 
 @mixin sassy-button-hover($first-color, $second-color, $style)
 
@@ -40,3 +46,4 @@
 
 
 
+

data/templates/project/_sassybuttons.sass

@@ -14,7 +14,7 @@ $sb-text-color:       #fff                // Button font color.
 $sb-text-style:       "inset"             // Style of button text, can be "inset" or "raised" or false.
 $sb-gradient-style:   "simple"            // Gradient style of button, can be "flat", "glass", "matte", "shiny", or "simple".
 $sb-pseudo-states:    true                // Automatically generate pseudo state styles.
-$sb-ie-support: 	  false				  // Add gradient png for IE 7+
+$sb-ie-support: 	  	true			  				// Add gradient png for IE 7+
 
 //  Mixin that gets included when calling the sassy-button-structure if you need any
 //  styles applied to all your sassy buttons, add it here.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sassy-buttons
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,12 +9,12 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-15 00:00:00.000000000 -07:00
+date: 2012-06-23 00:00:00.000000000 -07:00
 default_executable: 
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &70149672718280 !ruby/object:Gem::Requirement
+  requirement: &70136250042280 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -22,7 +22,7 @@ dependencies:
         version: 0.12.1
   type: :runtime
   prerelease: false
-  version_requirements: *70149672718280
+  version_requirements: *70136250042280
 description: Sassy css3 buttons using compass
 email: jared@jaredhardy.com
 executables: []