fancy-buttons 0.3.6 → 0.3.7

data/README.markdown

@@ -11,16 +11,13 @@ Without CSS gradient support:
 ## Install
 
 Install the plugin:
-
+    sudo gem install compass --pre
     sudo gem install fancy-buttons
 
-If you don't have compass colors 0.3.1
-    
-    sudo gem install compass-colors
 
 To create a new project based on fancy-buttons:
 
-    compass -r compass-colors -r fancy-buttons -f fancy-buttons your_project_name
+    compass -r compass-colors -r fancy-buttons -f fancy-buttons project_directory
 
 To add fancy-buttons to an existing compass project:
 
@@ -29,7 +26,7 @@ To add fancy-buttons to an existing compass project:
     require 'fancy-buttons'
     
     # Then run the following command:
-    compass -i -f fancy-buttons
+    compass -r fancy-buttons -f fancy-buttons project_directory
 
 # Project Goals:
 

data/fancy-buttons.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{fancy-buttons}
-  s.version = "0.3.6"
+  s.version = "0.3.7"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Brandon Mathis"]
-  s.date = %q{2009-12-11}
+  s.date = %q{2009-12-15}
   s.description = %q{Make fancy buttons with the Compass stylesheet authoring framework.}
   s.email = %q{brandon@imathis.com}
   s.extra_rdoc_files = [

data/lib/sass/_fancy_buttons.sass

@@ -20,6 +20,8 @@
 // Style the button's colors, picking the most appropriate color set for the base color.
 =fancy-button-colors(!color = !fb_color, !hover = 0, !active = 0)
   +fb-color(!color, "default")
+  &.disabled:active, &.disabled:hover, &[disabled]:active, &[disabled]:hover
+    +fb-color(!color, "default")
   &:hover, &:focus
     @if !hover == 0
       +fb-color(darken(!color, 3), "hover", !color)
@@ -95,6 +97,15 @@
     text-shadow= lighten(!color, 15) !text_shadow_settings
     color= !fb_dark_text
 
+=fancy-button-text-colors(!color, !hover, !active)
+  color= !color
+  &:hover, &:focus
+    color= !hover
+  &:active
+    color= !active
+  &.disabled:active, &.disabled:hover, &[disabled]:active, &[disabled]:hover
+    color= !color
+
 // Apply this mixin to a nested element to style an arrow
 =fancy-arrow(!font_size)
   font-size= !font_size + 4px
@@ -131,7 +142,7 @@
   &:active
     padding= !v_padding_active !h_padding_active
     border-width= !border_width + 1px
-  &.disabled:active
+  &.disabled:active, &[disabled]
     padding= !v_padding !h_padding
     border-width= !border_width
 
@@ -152,8 +163,10 @@
     padding: 0
   &:focus
     outline: none
+  &.disabled, &[disabled]
+    +disable-button
 
 =disable-button(!opacity = .7)
   +opacity(!opacity)
-  &:hover
+  &:hover, &:focus
     cursor: default

data/lib/templates/project/index.html

@@ -21,6 +21,11 @@
       <button class="light">Click Me</button>
       <button class="matte-blue">Click Me</button>
     </div>
+    <h2>Disabled Buttons</h2>
+    <div>
+      <button class="green" disabled>Click Me</button>
+      <button class="red" disabled>Click Me</button>
+    </div>
     <h2>Custom Radial Gradient</h2>
     <div>
       <button class="custom heart">&hearts;</button>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: fancy-buttons
 version: !ruby/object:Gem::Version 
-  version: 0.3.6
+  version: 0.3.7
 platform: ruby
 authors: 
 - Brandon Mathis
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-12-11 00:00:00 -06:00
+date: 2009-12-15 00:00:00 -06:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency