Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Updated the readme golden-ratio example

  • Loading branch information...
commit b8ab7ce77e534041aea9471206b56d6e1097c140 1 parent 0892222
Phil LaPier authored
View
14 app/assets/stylesheets/functions/_golden-ratio.css.scss
@@ -17,15 +17,15 @@
}
// div {
-// Increment Up GR with positive value
-// width: golden-ratio(14px, 1); // returns: 22.652px
+// Increment Up GR with positive value
+// font-size: golden-ratio(14px, 1); // returns: 22.652px
//
-// Increment Down GR with negative value
-// width: golden-ratio(14px, -1); // returns: 8.653px
+// Increment Down GR with negative value
+// font-size: golden-ratio(14px, -1); // returns: 8.653px
//
-// Can be used with ceil(round up) or floor(round down)
-// width: floor( golden-ratio(14px, 1) ); // returns: 22px
-// width: ceil( golden-ratio(14px, 1) ); // returns: 23px
+// Can be used with ceil(round up) or floor(round down)
+// font-size: floor( golden-ratio(14px, 1) ); // returns: 22px
+// font-size: ceil( golden-ratio(14px, 1) ); // returns: 23px
// }
//
// modularscale.com
View
14 readme.md
@@ -200,15 +200,15 @@ The compact function will strip out any value from a list that is 'false'. Takes
Returns the golden ratio of a given number. Must provide a Pixel or Em value for first argument. Also takes a required increment value that is not zero and an integer: ...-3, -2, -1, 1, 2, 3...
div {
- Increment Up GR with positive value
- width: golden-ratio(14px, 1); // returns: 22.652px
+ Increment Up GR with positive value
+ font-size: golden-ratio(14px, 1); // returns: 22.652px
- Increment Down GR with negative value
- width: golden-ratio(14px, -1); // returns: 8.653px
+ Increment Down GR with negative value
+ font-size: golden-ratio(14px, -1); // returns: 8.653px
- Can be used with ceil(round up) or floor(round down)
- width: floor( golden-ratio(14px, 1) ); // returns: 22px
- width: ceil( golden-ratio(14px, 1) ); // returns: 23px
+ Can be used with ceil(round up) or floor(round down)
+ font-size: floor( golden-ratio(14px, 1) ); // returns: 22px
+ font-size: ceil( golden-ratio(14px, 1) ); // returns: 23px
}
Resources: [modularscale.com](http://modularscale.com) & [goldenratiocalculator.com](http://goldenratiocalculator.com)
Please sign in to comment.
Something went wrong with that request. Please try again.