Skip to content

Commit

Permalink
Clean up flex-grid inline documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
Phil LaPier committed Feb 17, 2012
1 parent 0db24f5 commit 2bb0f63
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions app/assets/stylesheets/functions/_flex-grid.scss
Expand Up @@ -11,25 +11,25 @@
@return percentage($gutter / $container-width);
}

// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the grid-width function.
// This function takes the fluid grid equation (target ÷ context = result) and uses columns to help define each
// 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.
//
// $fg-column: 60px; // Column Width
// $fg-gutter: 25px; // Gutter Width
// $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 / 1020px) = 30.882353%;
// margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
//
// p {
// width: flex-grid(2, 4); // returns (145px ÷ 315px) = 46.031746%;
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// float: left;
// margin: flex-gutter(4); // returns (25px ÷ 315px) = 7.936508%;
// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
// }
//
// blockquote {
// float: left;
// width: flex-grid(2, 4); // returns (25px ÷ 315px) = 46.031746%;
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// }
// }

0 comments on commit 2bb0f63

Please sign in to comment.