We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I've gone ahead and added the push/pull classes from the 960 templates into the grid.css to allow those options to be used in a fluid layout.
I don't really know how to make a pull request so I've just pasted the code here.
Let me know if you have any issues. So far though, my sites seem to be working with these changes.
/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* =Containers --------------------------------------------------------------------------------*/ .container_12, .container_16 { width: 92%; margin-left: 4%; margin-right: 4%; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; } .container_12 .grid_3, .container_16 .grid_4 { width: 23%; } .container_12 .grid_6, .container_16 .grid_8 { width: 48%; } .container_12 .grid_9, .container_16 .grid_12 { width: 73%; } .container_12 .grid_12, .container_16 .grid_16 { width: 98%; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 6.333%; } .container_12 .grid_2 { width: 14.666%; } .container_12 .grid_4 { width: 31.333%; } .container_12 .grid_5 { width: 39.666%; } .container_12 .grid_7 { width: 56.333%; } .container_12 .grid_8 { width: 64.666%; } .container_12 .grid_10 { width: 81.333%; } .container_12 .grid_11 { width: 89.666%; } /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 4.25%; } .container_16 .grid_2 { width: 10.5%; } .container_16 .grid_3 { width: 16.75%; } .container_16 .grid_5 { width: 29.25%; } .container_16 .grid_6 { width: 35.5%; } .container_16 .grid_7 { width: 41.75%; } .container_16 .grid_9 { width: 54.25%; } .container_16 .grid_10 { width: 60.5%; } .container_16 .grid_11 { width: 66.75%; } .container_16 .grid_13 { width: 79.25%; } .container_16 .grid_14 { width: 85.5%; } .container_16 .grid_15 { width: 91.75%; } /* =Prefix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 25%; } .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 50%; } .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 75%; } /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 8.333%; } .container_12 .prefix_2 { padding-left: 16.666%; } .container_12 .prefix_4 { padding-left: 33.333%; } .container_12 .prefix_5 { padding-left: 41.666%; } .container_12 .prefix_7 { padding-left: 58.333%; } .container_12 .prefix_8 { padding-left: 66.666%; } .container_12 .prefix_10 { padding-left: 83.333%; } .container_12 .prefix_11 { padding-left: 91.666%; } /* =Prefix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 6.25%; } .container_16 .prefix_2 { padding-left: 12.5%; } .container_16 .prefix_3 { padding-left: 18.75%; } .container_16 .prefix_5 { padding-left: 31.25%; } .container_16 .prefix_6 { padding-left: 37.5%; } .container_16 .prefix_7 { padding-left: 43.75%; } .container_16 .prefix_9 { padding-left: 56.25%; } .container_16 .prefix_10 { padding-left: 62.5%; } .container_16 .prefix_11 { padding-left: 68.75%; } .container_16 .prefix_13 { padding-left: 81.25%; } .container_16 .prefix_14 { padding-left: 87.5%; } .container_16 .prefix_15 { padding-left: 93.75%; } /* =Suffix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 25%; } .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 50%; } .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 75%; } /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 8.333%; } .container_12 .suffix_2 { padding-right: 16.666%; } .container_12 .suffix_4 { padding-right: 33.333%; } .container_12 .suffix_5 { padding-right: 41.666%; } .container_12 .suffix_7 { padding-right: 58.333%; } .container_12 .suffix_8 { padding-right: 66.666%; } .container_12 .suffix_10 { padding-right: 83.333%; } .container_12 .suffix_11 { padding-right: 91.666%; } /* =Suffix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 6.25%; } .container_16 .suffix_2 { padding-right: 16.5%; } .container_16 .suffix_3 { padding-right: 18.75%; } .container_16 .suffix_5 { padding-right: 31.25%; } .container_16 .suffix_6 { padding-right: 37.5%; } .container_16 .suffix_7 { padding-right: 43.75%; } .container_16 .suffix_9 { padding-right: 56.25%; } .container_16 .suffix_10 { padding-right: 62.5%; } .container_16 .suffix_11 { padding-right: 68.75%; } .container_16 .suffix_13 { padding-right: 81.25%; } .container_16 .suffix_14 { padding-right: 87.5%; } .container_16 .suffix_15 { padding-right: 93.75%; } /* `Push Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .push_3, .container_16 .push_4 { /* 3 / 12 */ left: 25%; } .container_12 .push_6, .container_16 .push_8 { /* 6 / 12 */ left: 50%; } .container_12 .push_9, .container_16 .push_12 { /* 9 / 12 */ left: 75%; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left: 8.33333333333%; /* 1 / 12 */ } .container_12 .push_2 { /* 2 / 12 */ left: 16.6666666667%; } .container_12 .push_4 { /* 4 / 12 */ left: 33.3333333333%; } .container_12 .push_5 { /* 5 / 12 */ left: 41.6666666666%; } .container_12 .push_7 { /* 7 / 12 */ left: 58.3333333333%; } .container_12 .push_8 { /* 8 / 12 */ left: 66.6666666666%; } .container_12 .push_10 { /* 10 / 12 */ left: 83.3333333333%; } .container_12 .push_11 { /* 11 / 12 */ left: 91.6666666666%; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { /* 1 / 16 */ left: 6.25%; } .container_16 .push_2 { /* 2 / 16 */ left: 12.5%; } .container_16 .push_3 { /* 3 / 16 */ left: 18.75%; } .container_16 .push_5 { /* 5 / 16 */ left: 31.25%; } .container_16 .push_6 { /* 6 / 16 */ left: 37.5%; } .container_16 .push_7 { /* 7 / 16 */ left: 43.75%; } .container_16 .push_9 { /* 9 / 16 */ left: 56.25%; } .container_16 .push_10 { /* 10 / 16 */ left: 62.5%; } .container_16 .push_11 { /* 11 / 16 */ left: 68.75%; } .container_16 .push_13 { /* 13 / 16 */ left: 81.25%; } .container_16 .push_14 { /* 14 / 16 */ left: 87.5%; } .container_16 .push_15 { /* 15 / 16 */ left: 93.75%; } /* `Pull Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_3, .container_16 .pull_4 { left: -25%; } .container_12 .pull_6, .container_16 .pull_8 { left: -50%; } .container_12 .pull_9, .container_16 .pull_12 { left: -75%; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left: -8.33333333333%; /* 1 / 12 */ } .container_12 .pull_2 { /* 2 / 12 */ left: -16.6666666667%; } .container_12 .pull_4 { /* 4 / 12 */ left: -33.3333333333%; } .container_12 .pull_5 { /* 5 / 12 */ left: -41.6666666666%; } .container_12 .pull_7 { /* 7 / 12 */ left: -58.3333333333%; } .container_12 .pull_8 { /* 8 / 12 */ left: -66.6666666666%; } .container_12 .pull_10 { /* 10 / 12 */ left: -83.3333333333%; } .container_12 .pull_11 { /* 11 / 12 */ left: -91.6666666666%; } /* `Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { /* 1 / 16 */ left: -6.25%; } .container_16 .pull_2 { /* 2 / 16 */ left: -12.5%; } .container_16 .pull_3 { /* 3 / 16 */ left: -18.75%; } .container_16 .pull_5 { /* 5 / 16 */ left: -31.25%; } .container_16 .pull_6 { /* 6 / 16 */ left: -37.5%; } .container_16 .pull_7 { /* 7 / 16 */ left: -43.75%; } .container_16 .pull_9 { /* 9 / 16 */ left: -56.25%; } .container_16 .pull_10 { /* 10 / 16 */ left: -62.5%; } .container_16 .pull_11 { /* 11 / 16 */ left: -68.75%; } .container_16 .pull_13 { /* 13 / 16 */ left: -81.25%; } .container_16 .pull_14 { /* 14 / 16 */ left: -87.5%; } .container_16 .pull_15 { /* 15 / 16 */ left: -93.75%; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }
The text was updated successfully, but these errors were encountered:
syntax error ,",
Sorry, something went wrong.
No branches or pull requests
I've gone ahead and added the push/pull classes from the 960 templates into the grid.css to allow those options to be used in a fluid layout.
I don't really know how to make a pull request so I've just pasted the code here.
Let me know if you have any issues. So far though, my sites seem to be working with these changes.
The text was updated successfully, but these errors were encountered: