uberbutton 0.1 → 0.1.1

data/README.mkdn

@@ -1,4 +1,4 @@
-Uberbutton - Compass Plugin
+Uberbutton - A Compass plugin
 ================================
 
 A class and a mixin to generate nifty buttons.
@@ -6,36 +6,62 @@ A class and a mixin to generate nifty buttons.
 
 Installation
 ==================================
+Run this in the command line
 
     gem install uberbutton
 
-Add the following line to config/compass.rb
+Add the following line to **config/compass.rb**
+
     require 'uberbutton'
     
-Install the framework  
+Install the extension into compass  
+
     compass install uberbutton
 
 Usage
 ==================================
 
-The class "uberbutton" includes common base styles for each button.
-The mixin "uberbutton" lets you create classes for different styled buttons.
+The **class** "uberbutton" includes *common* base styles for each button.
+The **mixin** "uberbutton" lets you create classes for *different* buttons.
 
-Use "uberbutton" in conjunction with a style class you create.
+Use the class "uberbutton" in conjunction with a style class you create.
 (This isolates the common code and is for DRY).
 
-Example:
+Example
+---------------------
 
 Create the style class in scss
-.main-cta {
-  @include uberbutton(start-color, end-color, "path_to_background_pattern");
-}
 
-Use both style class and uberbutton to construct button.
-<a class="uberbutton main-cta">
-  Hello world.
-</a>
+    @import "uberbutton/uberbutton"
+
+    .main-cta {
+      @include uberbutton(start-color, end-color, "path_to_background_pattern");
+    }
+
+Then use both the style class you just created and **uberbutton** to construct button.
+
+    <a class="uberbutton main-cta">
+      Hello world.
+    </a>
+
+
+Customization
+==================================
+
+The following customizations are available:
+
+CSS3PIE
+---------------------
+If you want the gradient, rounded corners and shadows to work in IE, download CSS3PIE, and place its folder under public with the name "css3pie". If you need to upload the folder to a different location, set the following variable before importing uberbutton.
+
+    $uberbutton-csspie-location: "/css3pie/PIE.htc";
+
+
+BASE BUTTON CLASS
+---------------------
+The class "uberbutton" contains the common styles to each button. If you need to rename this class, set the following variable before importing uberbutton.
 
+    $uberbutton-base-class: "uberbutton";
 
 
 

data/stylesheets/uberbutton/_uberbutton.scss

@@ -85,6 +85,7 @@ $uberbutton-csspie-location: "/css3pie/PIE.htc" !default;
     
   // border
   border: 1px solid darken($color2, 12%);
+  border-bottom-color: darken($color2, 20%);
   
   // text
   @include text-shadow($shadow-color, 0, $shadow-position, 0);
@@ -93,6 +94,7 @@ $uberbutton-csspie-location: "/css3pie/PIE.htc" !default;
   &:link, &:visited {
     color: $text-color;
     border: 1px solid darken($color2, 20%);
+    border-bottom-color: darken($color2, 30%);
   }
   
   &:hover {

data/uberbutton.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{uberbutton}
-  s.version = "0.1"
+  s.version = "0.1.1"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
   s.authors = ["Cemre Gungor"]
@@ -23,7 +23,7 @@ Gem::Specification.new do |s|
     "templates/project/manifest.rb"
   ]
   
-  s.homepage = %q{http://github.com/cemregr/uberubtton}
+  s.homepage = %q{http://github.com/cemregr/uberbutton}
   s.require_paths = ["lib"]
   s.rubyforge_project = %q{uberbutton}
   s.rubygems_version = %q{1.3.6}

metadata

@@ -5,7 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  version: "0.1"
+  - 1
+  version: 0.1.1
 platform: ruby
 authors: 
 - Cemre Gungor
@@ -49,7 +50,7 @@ files:
 - templates/project/noise.png
 - templates/project/manifest.rb
 has_rdoc: true
-homepage: http://github.com/cemregr/uberubtton
+homepage: http://github.com/cemregr/uberbutton
 licenses: []
 
 post_install_message: