Skip to content

Commit 6bc9c6b

Browse files
drewbarontinidrewbarontini
committed
Update MVCSS to v4.0.15
1 parent ebbbcd8 commit 6bc9c6b

2 files changed

Lines changed: 10 additions & 117 deletions

File tree

‎client/stylesheets/application.sass‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// *************************************
22
//
3-
// JavaScript.com - MVCSS v4.0.14
3+
// JavaScript.com - MVCSS v4.0.15
44
// -> Manifest
55
//
66
// *************************************

‎client/stylesheets/components/_grid.sass‎

Lines changed: 9 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -70,125 +70,18 @@
7070
7171
=g-device-type($namespace: '')
7272

73-
// ----- One Part ----- //
74-
7573
#{$g-selector}g-b--#{$namespace}1of1
7674
width: 100%
7775

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 $unit from 1 to $g-columns + 1
77+
@for $column from 1 to $unit
78+
#{$g-selector}g-b--#{$namespace}#{$column}of#{$unit}
79+
width: percentage($column / $unit)
80+
81+
@for $division from 1 to $unit
82+
@if $column % $division == 0 and $unit % $division == 0
83+
#{$g-selector}g-b--#{$namespace}#{$column / $division}of#{$unit / $division}
84+
@extend #{$g-selector}g-b--#{$namespace}#{$column}of#{$unit}
19285

19386
// -------------------------------------
19487
// Creation

0 commit comments

Comments
 (0)