Permalink
Browse files

work on readme

  • Loading branch information...
1 parent be1f412 commit 717a1e3798c9724071b79eddb2b481fe3724e4ae @ndp committed Sep 25, 2010
Showing with 22 additions and 19 deletions.
  1. +22 −19 README.markdown
View
@@ -94,18 +94,16 @@ There are also color conversion routines if you want to build your own manipulat
Opacity is currently not supported by the color model.
#### Macros using "has" key
-It's all Javascript, so macros and more complex functions are easy to write. To mix in a set of values, create a function
-that returns a hash of values, for example:
-<pre>
- function roundedCorners(radius) {
- return {
- '-webkit-border-radius': radius,
- '-moz-border-radius': radius,
- 'border-radius': radius
- }
- }
-</pre>
+There are a host of pre-made macros that may be useful:
+
+* <code>roundedCorners(radius)</code> -- add rounded corners on all sides
+* <code>roundedCorners(side, radius)</code> -- add rounded corners on specified side: <code>'top'</code>, <code>'left'</code>, <code>'bottom'</code> or <code>'right'</code>
+* <code>roundedCorners(corner, radius)</code> -- add rounded corners to a specified corner: <code>'tl'</code>, <code>'tr'</code>, <code>'bl'</code> or <code>'br'</code>
+* <code>phark(width, height, img, imgXPosition=0, imgYPosition=0)</code> -- standard phark image replacement with optional background image offset.
+* <code>boxShadow([xoffset, yoffset], radius, color)</code>
+* <code>verticalCentering(height)</code> and <code>horizontalCentering(width)</code> -- center using the top 50% / margin-top -width/2 technique. See http://stackoverflow.com/questions/148251/css-centering-tricks
+* (code>clearfix()</code> -- iE7 and beyond clearfix
To "mix these in", use the "has" key:
@@ -120,15 +118,20 @@ To "mix these in", use the "has" key:
Multiple mix-ins can be included by making that a list, eg. <code>has: [roundedCorners(5), dropShadow()]</code>.
-There are a host of pre-made macros that may be useful:
+It's all Javascript, so macros and more complex functions are easy to write. To mix in a set of values, create a function
+that returns a hash of values, for example:
+
+<pre>
+ function roundedCorners(radius) {
+ return {
+ '-webkit-border-radius': radius,
+ '-moz-border-radius': radius,
+ 'border-radius': radius
+ }
+ }
+</pre>
+
-* <code>roundedCorners(radius)</code> -- add rounded corners on all sides
-* <code>roundedCorners(side, radius)</code> -- add rounded corners on specified side: <code>'top'</code>, <code>'left'</code>, <code>'bottom'</code> or <code>'right'</code>
-* <code>roundedCorners(corner, radius)</code> -- add rounded corners to a specified corner: <code>'tl'</code>, <code>'tr'</code>, <code>'bl'</code> or <code>'br'</code>
-* <code>phark(width, height, img, imgXPosition=0, imgYPosition=0)</code> -- standard phark image replacement with optional background image offset.
-* <code>boxShadow([xoffset, yoffset], radius, color)</code>
-* <code>verticalCentering(height)</code> and <code>horizontalCentering(width)</code> -- center using the top 50% / margin-top -width/2 technique. See http://stackoverflow.com/questions/148251/css-centering-tricks
-* (code>clearfix()</code> -- iE7 and beyond clearfix
## Todo

0 comments on commit 717a1e3

Please sign in to comment.