Skip to content
This repository
Browse code

cleaned up button readme

  • Loading branch information...
commit 02900ae001eeb106d5d6512bb2824be8660bf9d8 1 parent 46e36a2
authored August 05, 2011

Showing 1 changed file with 9 additions and 11 deletions. Show diff stats Hide diff stats

  1. 20  readme.md
20  readme.md
Source Rendered
@@ -287,25 +287,23 @@ Animation-keyframes are provided for quick out-of-the-box animations. Two animat
287 287
 
288 288
 ###Buttons
289 289
 
290  
-The button add-on provides well-designed buttons with a single line in your CSS. The demo folder contains examples of the buttons in use.  
291  
-The mixin can be called with no parameters to render a blue button with the "simple" style.
  290
+The button add-on provides well-designed buttons with a single line in your CSS.  
  291
+The mixin supports a style parameter and an optional color argument. The available styles are **"simple"** (default), **"shiny"**, and **"pill"**.
292 292
 
293  
-    button,
294  
-    input[type="button"] {
  293
+    # The mixin can be called with no arguments, which will render a blue button with the **"simple"** style.
  294
+    button, input[type="button"] {
295 295
       @include button;
296 296
     }
297 297
 
298  
-The mixin supports a style parameter. Right now the available styles are "simple" (default), "shiny", and "pill".
299  
-
300  
-    button,
301  
-    input[type="button"] {
  298
+    # Pass a style argument
  299
+    button, input[type="button"] {
302 300
       @include button(shiny);
303 301
     }
304 302
 
305  
-The real power of the mixin is revealed when you pass in the optional color argument. Using a single color, the mixin calculates the gradient, borders, box shadow, text shadow and text color of the button. The mixin will change the text to be light when on a dark background, and dark when on a light background.
  303
+Create beautiful buttons by defining a style and color argument; using a single color, the mixin calculates the gradient, borders, box shadow, text shadow and text color of the button. The mixin will change the text to be light when on a dark background, and dark when on a light background.
306 304
 
307  
-    button,
308  
-    input[type="button"] {
  305
+    # Style + color arguments
  306
+    button, input[type="button"] {
309 307
       @include button(shiny, #ff0000);
310 308
     }
311 309
 

0 notes on commit 02900ae

Please sign in to comment.
Something went wrong with that request. Please try again.