eddiemachado/bones — Issue #34: Stile.css grid system
Author: valentinarachiele
Created: 2012-01-18 20:28:38+00:00
State: open

I'm sorry to post again about this, but I'm intensively using Bones with my University class and I think there's something that doesn't work with the grid system used in style.css

I think I have found the right numbers and names... Could you all please check this? Thank you!

p.s. we are having a great time using Bones, I hope I'll be able to send you the results of our efforts! Thank you!

#container, .wrap {
width: 960px; /*not 940px*/
margin: 0 auto;
padding: 0; /*I got rid of the left and right margin*/
}

/* layout options ( all have margins right & left of 2.08333333%) */
.col60 { width: 6.3829787%; } /* width 60px / grid_1 */ /*not 80px*/
.col140 { width: 14.893617%; } /* width 140px / grid_2 */
.col220 { width: 23.404255%; } /* width 220px / grid_3 */
.col300 { width: 31.914894%; } /* width 300px / grid_4 */
.col380 { width: 40.425532%; } /* width 380px / grid_5 */
.col460 { width: 48.9361702%; } /* width 460px / grid_6 */ /*not 480px and 51...%*/
.col540 { width: 57.446809%; } /* width 540px / grid_7 */
.col620 { width: 65.957447%; } /* width 620px / grid_8 */
.col700 { width: 74.468085%; } /* width 700px / grid_9 */
.col780 { width: 82.978723%; } /* width 780px / grid_10 */
.col860 { width: 91.489362%; } /* width 860px / grid_11 */
.col940 { width: 100.0%; } /* width 940px / grid_12 */

/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col460, .col540, .col620, .col700, .col780, .col860, .col940 {
display: inline;
float: left;
position: relative;
margin-left: 1.04166667%; /* 10px */
margin-right: 1.04166667%; /* 10px */
}