Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
172 lines (144 sloc) 2.966 kB
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
Convert to less compatible by Adrian Lee
email: adrian [at] radianstudio [dot] com
*/
body {
min-width: 960px;
}
.grid (@size: 1){
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 60px + (@size - 1) * 80;
}
.prefix (@size: 1){
padding-left: (80px) * @size;
}
.suffix (@size: 1){
padding-right: (80px) * @size;
}
.push (@size: 1){
position: relative;
left: (80px) * @size;
}
.pull (@size: 1){
position: relative;
left: (-80px) * @size;
}
.clearboth{
clear: both;
}
.clearbasic {
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* `Container */
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
zoom: 1;
/* Grid >> 12 Columns */
.grid_1 { .grid(1); }
.grid_2 { .grid(2); }
.grid_3 { .grid(3); }
.grid_4 { .grid(4); }
.grid_5 { .grid(5); }
.grid_6 { .grid(6); }
.grid_7 { .grid(7); }
.grid_8 { .grid(8); }
.grid_9 { .grid(9); }
.grid_10 { .grid(10); }
.grid_11 { .grid(11); }
.grid_12 { .grid(12); }
.prefix_1 { .prefix(1); }
.prefix_2 { .prefix(2); }
.prefix_3 { .prefix(3); }
.prefix_4 { .prefix(4); }
.prefix_5 { .prefix(5); }
.prefix_6 { .prefix(6); }
.prefix_7 { .prefix(7); }
.prefix_8 { .prefix(8); }
.prefix_9 { .prefix(9); }
.prefix_10 { .prefix(10); }
.prefix_11 { .prefix(11); }
.suffix_1 { .suffix(1); }
.suffix_2 { .suffix(2); }
.suffix_3 { .suffix(3); }
.suffix_4 { .suffix(4); }
.suffix_5 { .suffix(5); }
.suffix_6 { .suffix(6); }
.suffix_7 { .suffix(7); }
.suffix_8 { .suffix(8); }
.suffix_9 { .suffix(9); }
.suffix_10 { .suffix(10); }
.suffix_11 { .suffix(11); }
.push_1 { .push(1); }
.push_2 { .push(2); }
.push_3 { .push(3); }
.push_4 { .push(4); }
.push_5 { .push(5); }
.push_6 { .push(6); }
.push_7 { .push(7); }
.push_8 { .push(8); }
.push_9 { .push(9); }
.push_10 { .push(10); }
.push_11 { .push(11); }
.pull_1 { .pull(1); }
.pull_2 { .pull(2); }
.pull_3 { .pull(3); }
.pull_4 { .pull(4); }
.pull_5 { .pull(5); }
.pull_6 { .pull(6); }
.pull_7 { .pull(7); }
.pull_8 { .pull(8); }
.pull_9 { .pull(9); }
.pull_10 { .pull(10); }
.pull_11 { .pull(11); }
&:before, &:after{
.clearbasic;
content: '.';
font-size: 0;
line-height: 0;
}
&:after{
.clearboth;
}
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Clear Floated Elements */
.clear {
.clearboth;
.clearbasic;
}
.clearfix{
zoom: 1;
&:before, &:after{
.clearbasic;
content: '.';
font-size: 0;
line-height: 0;
}
&:after{
.clearboth;
}
}
Jump to Line
Something went wrong with that request. Please try again.