From b8ab7ce77e534041aea9471206b56d6e1097c140 Mon Sep 17 00:00:00 2001 From: Phil LaPier Date: Sun, 17 Jul 2011 22:44:43 -0400 Subject: [PATCH] Updated the readme golden-ratio example --- .../stylesheets/functions/_golden-ratio.css.scss | 14 +++++++------- readme.md | 14 +++++++------- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/app/assets/stylesheets/functions/_golden-ratio.css.scss b/app/assets/stylesheets/functions/_golden-ratio.css.scss index 6ecee3ead..5d7dbea60 100644 --- a/app/assets/stylesheets/functions/_golden-ratio.css.scss +++ b/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 diff --git a/readme.md b/readme.md index ebe572cde..084ef7b62 100644 --- a/readme.md +++ b/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)