Created
July 13, 2011 04:36
-
-
Save alixaxel/1079728 to your computer and use it in GitHub Desktop.
Support for Nested Fluid Grids in adapt.js
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
| .container_12 .grid_2 > .grid_1 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_2 > .grid_1.alpha, | |
| .container_12 .grid_2 > .grid_1.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_3 > .grid_1 { | |
| width: 31.333%; | |
| } | |
| .container_12 .grid_3 > .grid_1.alpha, | |
| .container_12 .grid_3 > .grid_1.omega { | |
| width: 32.333%; | |
| } | |
| .container_12 .grid_3 > .grid_2 { | |
| width: 64.667%; | |
| } | |
| .container_12 .grid_3 > .grid_2.alpha, | |
| .container_12 .grid_3 > .grid_2.omega { | |
| width: 65.667%; | |
| } | |
| .container_12 .grid_4 > .grid_1 { | |
| width: 23%; | |
| } | |
| .container_12 .grid_4 > .grid_1.alpha, | |
| .container_12 .grid_4 > .grid_1.omega { | |
| width: 24%; | |
| } | |
| .container_12 .grid_4 > .grid_2 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_4 > .grid_2.alpha, | |
| .container_12 .grid_4 > .grid_2.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_4 > .grid_3 { | |
| width: 73%; | |
| } | |
| .container_12 .grid_4 > .grid_3.alpha, | |
| .container_12 .grid_4 > .grid_3.omega { | |
| width: 74%; | |
| } | |
| .container_12 .grid_5 > .grid_1 { | |
| width: 18%; | |
| } | |
| .container_12 .grid_5 > .grid_1.alpha, | |
| .container_12 .grid_5 > .grid_1.omega { | |
| width: 19%; | |
| } | |
| .container_12 .grid_5 > .grid_2 { | |
| width: 38%; | |
| } | |
| .container_12 .grid_5 > .grid_2.alpha, | |
| .container_12 .grid_5 > .grid_2.omega { | |
| width: 39%; | |
| } | |
| .container_12 .grid_5 > .grid_3 { | |
| width: 58%; | |
| } | |
| .container_12 .grid_5 > .grid_3.alpha, | |
| .container_12 .grid_5 > .grid_3.omega { | |
| width: 59%; | |
| } | |
| .container_12 .grid_5 > .grid_4 { | |
| width: 78%; | |
| } | |
| .container_12 .grid_5 > .grid_4.alpha, | |
| .container_12 .grid_5 > .grid_4.omega { | |
| width: 79%; | |
| } | |
| .container_12 .grid_6 > .grid_1 { | |
| width: 14.667%; | |
| } | |
| .container_12 .grid_6 > .grid_1.alpha, | |
| .container_12 .grid_6 > .grid_1.omega { | |
| width: 15.667%; | |
| } | |
| .container_12 .grid_6 > .grid_2 { | |
| width: 31.333%; | |
| } | |
| .container_12 .grid_6 > .grid_2.alpha, | |
| .container_12 .grid_6 > .grid_2.omega { | |
| width: 32.333%; | |
| } | |
| .container_12 .grid_6 > .grid_3 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_6 > .grid_3.alpha, | |
| .container_12 .grid_6 > .grid_3.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_6 > .grid_4 { | |
| width: 64.667%; | |
| } | |
| .container_12 .grid_6 > .grid_4.alpha, | |
| .container_12 .grid_6 > .grid_4.omega { | |
| width: 65.667%; | |
| } | |
| .container_12 .grid_6 > .grid_5 { | |
| width: 81.333%; | |
| } | |
| .container_12 .grid_6 > .grid_5.alpha, | |
| .container_12 .grid_6 > .grid_5.omega { | |
| width: 82.333%; | |
| } | |
| .container_12 .grid_7 > .grid_1 { | |
| width: 12.286%; | |
| } | |
| .container_12 .grid_7 > .grid_1.alpha, | |
| .container_12 .grid_7 > .grid_1.omega { | |
| width: 13.286%; | |
| } | |
| .container_12 .grid_7 > .grid_2 { | |
| width: 26.571%; | |
| } | |
| .container_12 .grid_7 > .grid_2.alpha, | |
| .container_12 .grid_7 > .grid_2.omega { | |
| width: 27.571%; | |
| } | |
| .container_12 .grid_7 > .grid_3 { | |
| width: 40.857%; | |
| } | |
| .container_12 .grid_7 > .grid_3.alpha, | |
| .container_12 .grid_7 > .grid_3.omega { | |
| width: 41.857%; | |
| } | |
| .container_12 .grid_7 > .grid_4 { | |
| width: 55.143%; | |
| } | |
| .container_12 .grid_7 > .grid_4.alpha, | |
| .container_12 .grid_7 > .grid_4.omega { | |
| width: 56.143%; | |
| } | |
| .container_12 .grid_7 > .grid_5 { | |
| width: 69.429%; | |
| } | |
| .container_12 .grid_7 > .grid_5.alpha, | |
| .container_12 .grid_7 > .grid_5.omega { | |
| width: 70.429%; | |
| } | |
| .container_12 .grid_7 > .grid_6 { | |
| width: 83.714%; | |
| } | |
| .container_12 .grid_7 > .grid_6.alpha, | |
| .container_12 .grid_7 > .grid_6.omega { | |
| width: 84.714%; | |
| } | |
| .container_12 .grid_8 > .grid_1 { | |
| width: 10.5%; | |
| } | |
| .container_12 .grid_8 > .grid_1.alpha, | |
| .container_12 .grid_8 > .grid_1.omega { | |
| width: 11.5%; | |
| } | |
| .container_12 .grid_8 > .grid_2 { | |
| width: 23%; | |
| } | |
| .container_12 .grid_8 > .grid_2.alpha, | |
| .container_12 .grid_8 > .grid_2.omega { | |
| width: 24%; | |
| } | |
| .container_12 .grid_8 > .grid_3 { | |
| width: 35.5%; | |
| } | |
| .container_12 .grid_8 > .grid_3.alpha, | |
| .container_12 .grid_8 > .grid_3.omega { | |
| width: 36.5%; | |
| } | |
| .container_12 .grid_8 > .grid_4 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_8 > .grid_4.alpha, | |
| .container_12 .grid_8 > .grid_4.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_8 > .grid_5 { | |
| width: 60.5%; | |
| } | |
| .container_12 .grid_8 > .grid_5.alpha, | |
| .container_12 .grid_8 > .grid_5.omega { | |
| width: 61.5%; | |
| } | |
| .container_12 .grid_8 > .grid_6 { | |
| width: 73%; | |
| } | |
| .container_12 .grid_8 > .grid_6.alpha, | |
| .container_12 .grid_8 > .grid_6.omega { | |
| width: 74%; | |
| } | |
| .container_12 .grid_8 > .grid_7 { | |
| width: 85.5%; | |
| } | |
| .container_12 .grid_8 > .grid_7.alpha, | |
| .container_12 .grid_8 > .grid_7.omega { | |
| width: 86.5%; | |
| } | |
| .container_12 .grid_9 > .grid_1 { | |
| width: 9.111%; | |
| } | |
| .container_12 .grid_9 > .grid_1.alpha, | |
| .container_12 .grid_9 > .grid_1.omega { | |
| width: 10.111%; | |
| } | |
| .container_12 .grid_9 > .grid_2 { | |
| width: 20.222%; | |
| } | |
| .container_12 .grid_9 > .grid_2.alpha, | |
| .container_12 .grid_9 > .grid_2.omega { | |
| width: 21.222%; | |
| } | |
| .container_12 .grid_9 > .grid_3 { | |
| width: 31.333%; | |
| } | |
| .container_12 .grid_9 > .grid_3.alpha, | |
| .container_12 .grid_9 > .grid_3.omega { | |
| width: 32.333%; | |
| } | |
| .container_12 .grid_9 > .grid_4 { | |
| width: 42.444%; | |
| } | |
| .container_12 .grid_9 > .grid_4.alpha, | |
| .container_12 .grid_9 > .grid_4.omega { | |
| width: 43.444%; | |
| } | |
| .container_12 .grid_9 > .grid_5 { | |
| width: 53.556%; | |
| } | |
| .container_12 .grid_9 > .grid_5.alpha, | |
| .container_12 .grid_9 > .grid_5.omega { | |
| width: 54.556%; | |
| } | |
| .container_12 .grid_9 > .grid_6 { | |
| width: 64.667%; | |
| } | |
| .container_12 .grid_9 > .grid_6.alpha, | |
| .container_12 .grid_9 > .grid_6.omega { | |
| width: 65.667%; | |
| } | |
| .container_12 .grid_9 > .grid_7 { | |
| width: 75.778%; | |
| } | |
| .container_12 .grid_9 > .grid_7.alpha, | |
| .container_12 .grid_9 > .grid_7.omega { | |
| width: 76.778%; | |
| } | |
| .container_12 .grid_9 > .grid_8 { | |
| width: 86.889%; | |
| } | |
| .container_12 .grid_9 > .grid_8.alpha, | |
| .container_12 .grid_9 > .grid_8.omega { | |
| width: 87.889%; | |
| } | |
| .container_12 .grid_10 > .grid_1 { | |
| width: 8%; | |
| } | |
| .container_12 .grid_10 > .grid_1.alpha, | |
| .container_12 .grid_10 > .grid_1.omega { | |
| width: 9%; | |
| } | |
| .container_12 .grid_10 > .grid_2 { | |
| width: 18%; | |
| } | |
| .container_12 .grid_10 > .grid_2.alpha, | |
| .container_12 .grid_10 > .grid_2.omega { | |
| width: 19%; | |
| } | |
| .container_12 .grid_10 > .grid_3 { | |
| width: 28%; | |
| } | |
| .container_12 .grid_10 > .grid_3.alpha, | |
| .container_12 .grid_10 > .grid_3.omega { | |
| width: 29%; | |
| } | |
| .container_12 .grid_10 > .grid_4 { | |
| width: 38%; | |
| } | |
| .container_12 .grid_10 > .grid_4.alpha, | |
| .container_12 .grid_10 > .grid_4.omega { | |
| width: 39%; | |
| } | |
| .container_12 .grid_10 > .grid_5 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_10 > .grid_5.alpha, | |
| .container_12 .grid_10 > .grid_5.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_10 > .grid_6 { | |
| width: 58%; | |
| } | |
| .container_12 .grid_10 > .grid_6.alpha, | |
| .container_12 .grid_10 > .grid_6.omega { | |
| width: 59%; | |
| } | |
| .container_12 .grid_10 > .grid_7 { | |
| width: 68%; | |
| } | |
| .container_12 .grid_10 > .grid_7.alpha, | |
| .container_12 .grid_10 > .grid_7.omega { | |
| width: 69%; | |
| } | |
| .container_12 .grid_10 > .grid_8 { | |
| width: 78%; | |
| } | |
| .container_12 .grid_10 > .grid_8.alpha, | |
| .container_12 .grid_10 > .grid_8.omega { | |
| width: 79%; | |
| } | |
| .container_12 .grid_10 > .grid_9 { | |
| width: 88%; | |
| } | |
| .container_12 .grid_10 > .grid_9.alpha, | |
| .container_12 .grid_10 > .grid_9.omega { | |
| width: 89%; | |
| } | |
| .container_12 .grid_11 > .grid_1 { | |
| width: 7.091%; | |
| } | |
| .container_12 .grid_11 > .grid_1.alpha, | |
| .container_12 .grid_11 > .grid_1.omega { | |
| width: 8.091%; | |
| } | |
| .container_12 .grid_11 > .grid_2 { | |
| width: 16.182%; | |
| } | |
| .container_12 .grid_11 > .grid_2.alpha, | |
| .container_12 .grid_11 > .grid_2.omega { | |
| width: 17.182%; | |
| } | |
| .container_12 .grid_11 > .grid_3 { | |
| width: 25.273%; | |
| } | |
| .container_12 .grid_11 > .grid_3.alpha, | |
| .container_12 .grid_11 > .grid_3.omega { | |
| width: 26.273%; | |
| } | |
| .container_12 .grid_11 > .grid_4 { | |
| width: 34.364%; | |
| } | |
| .container_12 .grid_11 > .grid_4.alpha, | |
| .container_12 .grid_11 > .grid_4.omega { | |
| width: 35.364%; | |
| } | |
| .container_12 .grid_11 > .grid_5 { | |
| width: 43.455%; | |
| } | |
| .container_12 .grid_11 > .grid_5.alpha, | |
| .container_12 .grid_11 > .grid_5.omega { | |
| width: 44.455%; | |
| } | |
| .container_12 .grid_11 > .grid_6 { | |
| width: 52.545%; | |
| } | |
| .container_12 .grid_11 > .grid_6.alpha, | |
| .container_12 .grid_11 > .grid_6.omega { | |
| width: 53.545%; | |
| } | |
| .container_12 .grid_11 > .grid_7 { | |
| width: 61.636%; | |
| } | |
| .container_12 .grid_11 > .grid_7.alpha, | |
| .container_12 .grid_11 > .grid_7.omega { | |
| width: 62.636%; | |
| } | |
| .container_12 .grid_11 > .grid_8 { | |
| width: 70.727%; | |
| } | |
| .container_12 .grid_11 > .grid_8.alpha, | |
| .container_12 .grid_11 > .grid_8.omega { | |
| width: 71.727%; | |
| } | |
| .container_12 .grid_11 > .grid_9 { | |
| width: 79.818%; | |
| } | |
| .container_12 .grid_11 > .grid_9.alpha, | |
| .container_12 .grid_11 > .grid_9.omega { | |
| width: 80.818%; | |
| } | |
| .container_12 .grid_11 > .grid_10 { | |
| width: 88.909%; | |
| } | |
| .container_12 .grid_11 > .grid_10.alpha, | |
| .container_12 .grid_11 > .grid_10.omega { | |
| width: 89.909%; | |
| } | |
| .container_12 .grid_12 > .grid_1 { | |
| width: 6.333%; | |
| } | |
| .container_12 .grid_12 > .grid_1.alpha, | |
| .container_12 .grid_12 > .grid_1.omega { | |
| width: 7.333%; | |
| } | |
| .container_12 .grid_12 > .grid_2 { | |
| width: 14.667%; | |
| } | |
| .container_12 .grid_12 > .grid_2.alpha, | |
| .container_12 .grid_12 > .grid_2.omega { | |
| width: 15.667%; | |
| } | |
| .container_12 .grid_12 > .grid_3 { | |
| width: 23%; | |
| } | |
| .container_12 .grid_12 > .grid_3.alpha, | |
| .container_12 .grid_12 > .grid_3.omega { | |
| width: 24%; | |
| } | |
| .container_12 .grid_12 > .grid_4 { | |
| width: 31.333%; | |
| } | |
| .container_12 .grid_12 > .grid_4.alpha, | |
| .container_12 .grid_12 > .grid_4.omega { | |
| width: 32.333%; | |
| } | |
| .container_12 .grid_12 > .grid_5 { | |
| width: 39.667%; | |
| } | |
| .container_12 .grid_12 > .grid_5.alpha, | |
| .container_12 .grid_12 > .grid_5.omega { | |
| width: 40.667%; | |
| } | |
| .container_12 .grid_12 > .grid_6 { | |
| width: 48%; | |
| } | |
| .container_12 .grid_12 > .grid_6.alpha, | |
| .container_12 .grid_12 > .grid_6.omega { | |
| width: 49%; | |
| } | |
| .container_12 .grid_12 > .grid_7 { | |
| width: 56.333%; | |
| } | |
| .container_12 .grid_12 > .grid_7.alpha, | |
| .container_12 .grid_12 > .grid_7.omega { | |
| width: 57.333%; | |
| } | |
| .container_12 .grid_12 > .grid_8 { | |
| width: 64.667%; | |
| } | |
| .container_12 .grid_12 > .grid_8.alpha, | |
| .container_12 .grid_12 > .grid_8.omega { | |
| width: 65.667%; | |
| } | |
| .container_12 .grid_12 > .grid_9 { | |
| width: 73%; | |
| } | |
| .container_12 .grid_12 > .grid_9.alpha, | |
| .container_12 .grid_12 > .grid_9.omega { | |
| width: 74%; | |
| } | |
| .container_12 .grid_12 > .grid_10 { | |
| width: 81.333%; | |
| } | |
| .container_12 .grid_12 > .grid_10.alpha, | |
| .container_12 .grid_12 > .grid_10.omega { | |
| width: 82.333%; | |
| } | |
| .container_12 .grid_12 > .grid_11 { | |
| width: 89.667%; | |
| } | |
| .container_12 .grid_12 > .grid_11.alpha, | |
| .container_12 .grid_12 > .grid_11.omega { | |
| width: 90.667%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
See nathansmith/adapt#8 for more info.