|
70 | 70 |
|
71 | 71 | =g-device-type($namespace: '') |
72 | 72 |
|
73 | | - // ----- One Part ----- // |
74 | | -
|
75 | 73 | #{$g-selector}g-b--#{$namespace}1of1 |
76 | 74 | width: 100% |
77 | 75 |
|
78 | | - // ----- Two Parts ----- // |
79 | | -
|
80 | | - #{$g-selector}g-b--#{$namespace}1of2 |
81 | | - width: 50% |
82 | | - |
83 | | - // ----- Three Parts ----- // |
84 | | -
|
85 | | - @if $g-columns >= 3 |
86 | | - #{$g-selector}g-b--#{$namespace}1of3 |
87 | | - width: 33.333% |
88 | | - #{$g-selector}g-b--#{$namespace}2of3 |
89 | | - width: 66.666% |
90 | | - |
91 | | - // ----- Four Parts ----- // |
92 | | -
|
93 | | - @if $g-columns >= 4 |
94 | | - #{$g-selector}g-b--#{$namespace}1of4 |
95 | | - width: 25% |
96 | | - #{$g-selector}g-b--#{$namespace}2of4 |
97 | | - @extend #{$g-selector}g-b--#{$namespace}1of2 |
98 | | - #{$g-selector}g-b--#{$namespace}3of4 |
99 | | - width: 75% |
100 | | - |
101 | | - // ----- Five Parts ----- // |
102 | | -
|
103 | | - @if $g-columns >= 5 |
104 | | - #{$g-selector}g-b--#{$namespace}1of5 |
105 | | - width: 20% |
106 | | - #{$g-selector}g-b--#{$namespace}2of5 |
107 | | - width: 40% |
108 | | - #{$g-selector}g-b--#{$namespace}3of5 |
109 | | - width: 60% |
110 | | - #{$g-selector}g-b--#{$namespace}4of5 |
111 | | - width: 80% |
112 | | - |
113 | | - // ----- Six Parts ----- // |
114 | | -
|
115 | | - @if $g-columns >= 6 |
116 | | - #{$g-selector}g-b--#{$namespace}1of6 |
117 | | - width: 16.666% |
118 | | - #{$g-selector}g-b--#{$namespace}2of6 |
119 | | - @extend #{$g-selector}g-b--#{$namespace}1of3 |
120 | | - #{$g-selector}g-b--#{$namespace}3of6 |
121 | | - @extend #{$g-selector}g-b--#{$namespace}1of2 |
122 | | - #{$g-selector}g-b--#{$namespace}4of6 |
123 | | - @extend #{$g-selector}g-b--#{$namespace}2of3 |
124 | | - #{$g-selector}g-b--#{$namespace}5of6 |
125 | | - width: 83.333% |
126 | | - |
127 | | - // ----- Eight Parts ----- // |
128 | | -
|
129 | | - @if $g-columns >= 8 |
130 | | - #{$g-selector}g-b--#{$namespace}1of8 |
131 | | - width: 12.5% |
132 | | - #{$g-selector}g-b--#{$namespace}2of8 |
133 | | - @extend #{$g-selector}g-b--#{$namespace}1of4 |
134 | | - #{$g-selector}g-b--#{$namespace}3of8 |
135 | | - width: 37.5% |
136 | | - #{$g-selector}g-b--#{$namespace}4of8 |
137 | | - @extend #{$g-selector}g-b--#{$namespace}1of2 |
138 | | - #{$g-selector}g-b--#{$namespace}5of8 |
139 | | - width: 62.5% |
140 | | - #{$g-selector}g-b--#{$namespace}6of8 |
141 | | - @extend #{$g-selector}g-b--#{$namespace}3of4 |
142 | | - #{$g-selector}g-b--#{$namespace}7of8 |
143 | | - width: 87.5% |
144 | | - |
145 | | - // ----- Ten Parts ----- // |
146 | | -
|
147 | | - @if $g-columns >= 10 |
148 | | - #{$g-selector}g-b--#{$namespace}1of10 |
149 | | - width: 10% |
150 | | - #{$g-selector}g-b--#{$namespace}2of10 |
151 | | - @extend #{$g-selector}g-b--#{$namespace}1of5 |
152 | | - #{$g-selector}g-b--#{$namespace}3of10 |
153 | | - width: 30% |
154 | | - #{$g-selector}g-b--#{$namespace}4of10 |
155 | | - @extend #{$g-selector}g-b--#{$namespace}2of5 |
156 | | - #{$g-selector}g-b--#{$namespace}5of10 |
157 | | - @extend #{$g-selector}g-b--#{$namespace}1of2 |
158 | | - #{$g-selector}g-b--#{$namespace}6of10 |
159 | | - @extend #{$g-selector}g-b--#{$namespace}3of5 |
160 | | - #{$g-selector}g-b--#{$namespace}7of10 |
161 | | - width: 70% |
162 | | - #{$g-selector}g-b--#{$namespace}8of10 |
163 | | - @extend #{$g-selector}g-b--#{$namespace}4of5 |
164 | | - #{$g-selector}g-b--#{$namespace}9of10 |
165 | | - width: 90% |
166 | | - |
167 | | - // ----- Twelve Parts ----- // |
168 | | -
|
169 | | - @if $g-columns >= 12 |
170 | | - #{$g-selector}g-b--#{$namespace}1of12 |
171 | | - width: 8.333% |
172 | | - #{$g-selector}g-b--#{$namespace}2of12 |
173 | | - @extend #{$g-selector}g-b--#{$namespace}1of6 |
174 | | - #{$g-selector}g-b--#{$namespace}3of12 |
175 | | - @extend #{$g-selector}g-b--#{$namespace}1of4 |
176 | | - #{$g-selector}g-b--#{$namespace}4of12 |
177 | | - @extend #{$g-selector}g-b--#{$namespace}1of3 |
178 | | - #{$g-selector}g-b--#{$namespace}5of12 |
179 | | - width: 41.666% |
180 | | - #{$g-selector}g-b--#{$namespace}6of12 |
181 | | - @extend #{$g-selector}g-b--#{$namespace}1of2 |
182 | | - #{$g-selector}g-b--#{$namespace}7of12 |
183 | | - width: 58.333% |
184 | | - #{$g-selector}g-b--#{$namespace}8of12 |
185 | | - @extend #{$g-selector}g-b--#{$namespace}2of3 |
186 | | - #{$g-selector}g-b--#{$namespace}9of12 |
187 | | - @extend #{$g-selector}g-b--#{$namespace}3of4 |
188 | | - #{$g-selector}g-b--#{$namespace}10of12 |
189 | | - @extend #{$g-selector}g-b--#{$namespace}5of6 |
190 | | - #{$g-selector}g-b--#{$namespace}11of12 |
191 | | - width: 91.666% |
| 76 | + @for $column from 1 to $g-columns |
| 77 | + @if $column != $g-columns |
| 78 | + #{$g-selector}g-b--#{$namespace}#{$column}of#{$g-columns} |
| 79 | + width: percentage($column/$g-columns) |
| 80 | + |
| 81 | + @for $division from 1 to $g-columns |
| 82 | + @if $column % $division == 0 and $g-columns % $division == 0 |
| 83 | + #{$g-selector}g-b--#{$namespace}#{$column / $division}of#{$g-columns / $division} |
| 84 | + @extend #{$g-selector}g-b--#{$namespace}#{$column}of#{$g-columns} |
192 | 85 |
|
193 | 86 | // ------------------------------------- |
194 | 87 | // Creation |
|
0 commit comments