Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

fixing a math error in the documentation about flex-grid #162

Merged
merged 1 commit into from

2 participants

@Emerson

Fixes a math error in the documentation for flex-grid. Please refer to #154

@plapier plapier merged commit da1fa40 into thoughtbot:master
@plapier

Thanks @emerson! Nice :eyes:

@Emerson

Ahhh, my soul can rest in peace now :-D, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Dec 28, 2012
  1. @Emerson
This page is out of date. Refresh to see the latest.
Showing with 7 additions and 3 deletions.
  1. +7 −3 app/assets/stylesheets/functions/_flex-grid.scss
View
10 app/assets/stylesheets/functions/_flex-grid.scss
@@ -14,13 +14,17 @@
// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
//
+// The calculation presumes that your column structure will be missing the last gutter:
+//
+// -- column -- gutter -- column -- gutter -- column
+//
// $fg-column: 60px; // Column Width
// $fg-gutter: 25px; // Gutter Width
// $fg-max-columns: 12; // Total Columns For Main Container
//
// div {
-// width: flex-grid(4); // returns (315px / 1020px) = 30.882353%;
-// margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
+// width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
+// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
//
// p {
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
@@ -32,4 +36,4 @@
// float: left;
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// }
-// }
+// }
Something went wrong with that request. Please try again.