Skip to content

Commit

Permalink
Updated the readme golden-ratio example
Browse files Browse the repository at this point in the history
  • Loading branch information
Phil LaPier committed Jul 18, 2011
1 parent 0892222 commit b8ab7ce
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 14 deletions.
14 changes: 7 additions & 7 deletions app/assets/stylesheets/functions/_golden-ratio.css.scss
Expand Up @@ -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
Expand Down
14 changes: 7 additions & 7 deletions readme.md
Expand Up @@ -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)
Expand Down

0 comments on commit b8ab7ce

Please sign in to comment.