Skip to content

Instantly share code, notes, and snippets.

@eddywashere

eddywashere/susy-non-semantic-grid.css

Last active December 14, 2015 11:38
Show Gist options
  • Save eddywashere/5080215 to your computer and use it in GitHub Desktop.
Save eddywashere/5080215 to your computer and use it in GitHub Desktop.
Download ZIP
A Non Semantic Grid with Susy
Raw
susy-non-semantic-grid.css
.col-1 {
width: 6.85484%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-2 {
width: 15.32258%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-3 {
width: 23.79032%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-4 {
width: 32.25806%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-5 {
width: 40.72581%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-6 {
width: 49.19355%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-7 {
width: 57.66129%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-8 {
width: 66.12903%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-9 {
width: 74.59677%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-10 {
width: 83.06452%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-11 {
width: 91.53226%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-12 {
width: 100%;
float: left;
margin-right: 1.6129%;
display: inline;
}
.col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-7 .col-1 {
width: 11.88811%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-7 .col-2 {
width: 26.57343%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-7 .col-3 {
width: 41.25874%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-7 .col-4 {
width: 55.94406%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-7 .col-5 {
width: 70.62937%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-7 .col-6 {
width: 85.31469%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-1 {
width: 10.36585%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-2 {
width: 23.17073%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-3 {
width: 35.97561%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-4 {
width: 48.78049%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-5 {
width: 61.58537%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-6 {
width: 74.39024%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-8 .col-7 {
width: 87.19512%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-1 {
width: 9.18919%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-2 {
width: 20.54054%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-3 {
width: 31.89189%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-4 {
width: 43.24324%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-5 {
width: 54.59459%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-6 {
width: 65.94595%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-7 {
width: 77.2973%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-9 .col-8 {
width: 88.64865%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-1 {
width: 8.25243%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-2 {
width: 18.4466%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-3 {
width: 28.64078%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-4 {
width: 38.83495%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-5 {
width: 49.02913%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-6 {
width: 59.2233%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-7 {
width: 69.41748%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-8 {
width: 79.61165%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-10 .col-9 {
width: 89.80583%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-1 {
width: 7.48899%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-2 {
width: 16.74009%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-3 {
width: 25.99119%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-4 {
width: 35.24229%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-5 {
width: 44.49339%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-6 {
width: 53.74449%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-7 {
width: 62.99559%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-8 {
width: 72.2467%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-9 {
width: 81.4978%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-11 .col-10 {
width: 90.7489%;
float: left;
margin-right: 1.76211%;
display: inline;
}
.col-3 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-4 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-4 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-4 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-5 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-5 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-5 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-5 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-5 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-5 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-6 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-6 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-6 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-6 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-6 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-6 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-6 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-6 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-6 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-6 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-7 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-7 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-7 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-7 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-7 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-7 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-7 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-7 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-7 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-7 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-7 .col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-7 .col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-7 .col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-7 .col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-7 .col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-8 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-8 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-8 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-8 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-8 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-8 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-8 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-8 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-8 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-8 .col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-8 .col-7 .col-1 {
width: 11.88811%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-7 .col-2 {
width: 26.57343%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-7 .col-3 {
width: 41.25874%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-7 .col-4 {
width: 55.94406%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-7 .col-5 {
width: 70.62937%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-8 .col-7 .col-6 {
width: 85.31469%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-9 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-9 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-9 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-9 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-9 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-9 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-9 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-9 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-9 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-9 .col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-9 .col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-9 .col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-9 .col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-9 .col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-9 .col-7 .col-1 {
width: 11.88811%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-7 .col-2 {
width: 26.57343%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-7 .col-3 {
width: 41.25874%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-7 .col-4 {
width: 55.94406%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-7 .col-5 {
width: 70.62937%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-7 .col-6 {
width: 85.31469%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-9 .col-8 .col-1 {
width: 10.36585%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-2 {
width: 23.17073%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-3 {
width: 35.97561%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-4 {
width: 48.78049%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-5 {
width: 61.58537%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-6 {
width: 74.39024%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-9 .col-8 .col-7 {
width: 87.19512%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-10 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-10 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-10 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-10 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-10 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-10 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-10 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-10 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-10 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-10 .col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-10 .col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-10 .col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-10 .col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-10 .col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-10 .col-7 .col-1 {
width: 11.88811%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-7 .col-2 {
width: 26.57343%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-7 .col-3 {
width: 41.25874%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-7 .col-4 {
width: 55.94406%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-7 .col-5 {
width: 70.62937%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-7 .col-6 {
width: 85.31469%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-10 .col-8 .col-1 {
width: 10.36585%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-2 {
width: 23.17073%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-3 {
width: 35.97561%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-4 {
width: 48.78049%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-5 {
width: 61.58537%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-6 {
width: 74.39024%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-8 .col-7 {
width: 87.19512%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-10 .col-9 .col-1 {
width: 9.18919%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-2 {
width: 20.54054%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-3 {
width: 31.89189%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-4 {
width: 43.24324%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-5 {
width: 54.59459%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-6 {
width: 65.94595%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-7 {
width: 77.2973%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-10 .col-9 .col-8 {
width: 88.64865%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-2 .col-1 {
width: 44.73684%;
float: left;
margin-right: 10.52632%;
display: inline;
}
.col-11 .col-3 .col-1 {
width: 28.81356%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-11 .col-3 .col-2 {
width: 64.40678%;
float: left;
margin-right: 6.77966%;
display: inline;
}
.col-11 .col-4 .col-1 {
width: 21.25%;
float: left;
margin-right: 5%;
display: inline;
}
.col-11 .col-4 .col-2 {
width: 47.5%;
float: left;
margin-right: 5%;
display: inline;
}
.col-11 .col-4 .col-3 {
width: 73.75%;
float: left;
margin-right: 5%;
display: inline;
}
.col-11 .col-5 .col-1 {
width: 16.83168%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-11 .col-5 .col-2 {
width: 37.62376%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-11 .col-5 .col-3 {
width: 58.41584%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-11 .col-5 .col-4 {
width: 79.20792%;
float: left;
margin-right: 3.9604%;
display: inline;
}
.col-11 .col-6 .col-1 {
width: 13.93443%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-11 .col-6 .col-2 {
width: 31.14754%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-11 .col-6 .col-3 {
width: 48.36066%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-11 .col-6 .col-4 {
width: 65.57377%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-11 .col-6 .col-5 {
width: 82.78689%;
float: left;
margin-right: 3.27869%;
display: inline;
}
.col-11 .col-7 .col-1 {
width: 11.88811%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-7 .col-2 {
width: 26.57343%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-7 .col-3 {
width: 41.25874%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-7 .col-4 {
width: 55.94406%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-7 .col-5 {
width: 70.62937%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-7 .col-6 {
width: 85.31469%;
float: left;
margin-right: 2.7972%;
display: inline;
}
.col-11 .col-8 .col-1 {
width: 10.36585%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-2 {
width: 23.17073%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-3 {
width: 35.97561%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-4 {
width: 48.78049%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-5 {
width: 61.58537%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-6 {
width: 74.39024%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-8 .col-7 {
width: 87.19512%;
float: left;
margin-right: 2.43902%;
display: inline;
}
.col-11 .col-9 .col-1 {
width: 9.18919%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-2 {
width: 20.54054%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-3 {
width: 31.89189%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-4 {
width: 43.24324%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-5 {
width: 54.59459%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-6 {
width: 65.94595%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-7 {
width: 77.2973%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-9 .col-8 {
width: 88.64865%;
float: left;
margin-right: 2.16216%;
display: inline;
}
.col-11 .col-10 .col-1 {
width: 8.25243%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-2 {
width: 18.4466%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-3 {
width: 28.64078%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-4 {
width: 38.83495%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-5 {
width: 49.02913%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-6 {
width: 59.2233%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-7 {
width: 69.41748%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-8 {
width: 79.61165%;
float: left;
margin-right: 1.94175%;
display: inline;
}
.col-11 .col-10 .col-9 {
width: 89.80583%;
float: left;
margin-right: 1.94175%;
display: inline;
}
[class^="col-"]:last-child {
float: right !important;
margin-right: 0 !important;
display: inline !important;
}
Raw
susy-non-semantic-grid.scss
@for $i from 1 through $total-columns {
.col#{-$i} {
@include span-columns($i, $total-columns);
}
}
@for $i from 2 through $total-columns - 1 {
.col#{-$i} {
@for $ii from 1 through $i - 1 {
.col#{-$ii} {
@include span-columns($ii, $i);
}
}
}
}
@for $i from 3 through $total-columns - 1 {
.col#{-$i} {
@for $ii from 2 through $i - 1 {
.col#{-$ii} {
@for $iii from 1 through $ii - 1 {
.col#{-$iii} {
@include span-columns($iii, $ii);
}
}
}
}
}
}
[class^="col-"]:last-child {
// @include omega;
// instead we'll just make it all important
float: right !important;
margin-right: 0 !important;
display: inline !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment