Last active
December 14, 2015 11:38
-
-
Save eddywashere/5080215 to your computer and use it in GitHub Desktop.
A Non Semantic Grid with Susy
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @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