helio 0.1.6 → 0.1.7

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8e73e3f6ef0e73d88b725bded18ad8679d94f245
4
- data.tar.gz: 8b9bfc27a35f43a257498934aeec6eede089d65c
3
+ metadata.gz: 01143ea6f30ecddeb7c1d4d3990541086217f5d8
4
+ data.tar.gz: 417bf98678a99d77cda6a6775d44e83dba85eee5
5
5
  SHA512:
6
- metadata.gz: d34da9b8ccc2de8fff4b099f69ff0a340ec508118a804d62d92066640b018fd9d1a25e42ea9b3b923a65ae056d55f493dea7af017b02f83c6bcb1d65dc985b75
7
- data.tar.gz: 1f40cba9a6e3b0e24136e1d4d8696478d0dfb13a69f23b7a59a2726f78ffc2c58b53997e4ccebd163346f431fabe2027bc09466effd7e84748fd1e6e2e48a49b
6
+ metadata.gz: 6f23b343532d4ce30ec74f2432eb12948a6f01f740be9557322f4558705500e57038cb0fc8e10d9f53a65b596796dfc6be5fda0e0de9d2792d10318623cacd2e
7
+ data.tar.gz: cf1b50ef55802f76be568b0358a9abfb4ca56b6935e33c3fb3379039f5923bc72a1e17d0d31a3749cf7ecd58551e7f4a6147381597f6f59c44d8367c2e39b462
@@ -40,68 +40,388 @@
40
40
  .pr-#{$name}, .pr-xs-#{$name},
41
41
  .ph-#{$name}, .ph-xs-#{$name},
42
42
  .pa-#{$name}, .pa-xs-#{$name},
43
- .pr-#{$name}-hover:hover,
44
- .ph-#{$name}-hover:hover,
45
- .pa-#{$name}-hover:hover,
46
- .active .pr-#{$name}-active,
47
- .active .ph-#{$name}-active,
48
- .active .pa-#{$name}-active,
49
- .pr-#{$name}-plus + .pr-#{$name}-plus {
43
+ .pr-#{$name}-hover:hover, .pr-xs-#{$name}-hover:hover,
44
+ .ph-#{$name}-hover:hover, .ph-xs-#{$name}-hover:hover,
45
+ .pa-#{$name}-hover:hover, .pa-xs-#{$name}-hover:hover,
46
+ .active .pr-#{$name}-active, .active .pr-xs-#{$name}-active,
47
+ .active .ph-#{$name}-active, .active .ph-xs-#{$name}-active,
48
+ .active .pa-#{$name}-active, .active .pa-xs-#{$name}-active,
49
+ .pr-#{$name}-plus + .pr-#{$name}-plus, .pr-xs-#{$name}-plus + .pr-xs-#{$name}-plus {
50
50
  padding-right: $value;
51
51
  }
52
+
53
+
54
+
55
+ @media (min-width: $screen-sm-min) {
56
+ .pt-sm-#{$name},
57
+ .pv-sm-#{$name},
58
+ .pa-sm-#{$name},
59
+ .pt-sm-#{$name}-hover:hover,
60
+ .pv-sm-#{$name}-hover:hover,
61
+ .pa-sm-#{$name}-hover:hover,
62
+ .active .pt-sm-#{$name}-active,
63
+ .active .pv-sm-#{$name}-active,
64
+ .active .pa-sm-#{$name}-active,
65
+ .pt-sm-#{$name}-plus + .pt-sm-#{$name}-plus {
66
+ padding-top: $value;
67
+ }
68
+
69
+ .pl-sm-#{$name},
70
+ .ph-sm-#{$name},
71
+ .pa-sm-#{$name},
72
+ .pl-sm-#{$name}-hover:hover,
73
+ .ph-sm-#{$name}-hover:hover,
74
+ .pa-sm-#{$name}-hover:hover,
75
+ .active .pl-sm-#{$name}-active,
76
+ .active .ph-sm-#{$name}-active,
77
+ .active .pa-sm-#{$name}-active,
78
+ .pl-sm-#{$name}-plus + .pl-sm-#{$name}-plus {
79
+ padding-left: $value;
80
+ }
81
+
82
+ .pb-sm-#{$name},
83
+ .pv-sm-#{$name},
84
+ .pa-sm-#{$name},
85
+ .pb-sm-#{$name}-hover:hover,
86
+ .pv-sm-#{$name}-hover:hover,
87
+ .pa-sm-#{$name}-hover:hover,
88
+ .active .pb-sm-#{$name}-active,
89
+ .active .pv-sm-#{$name}-active,
90
+ .active .pa-sm-#{$name}-active {
91
+ padding-bottom: $value;
92
+ }
93
+
94
+ .pr-sm-#{$name},
95
+ .ph-sm-#{$name},
96
+ .pa-sm-#{$name},
97
+ .pr-sm-#{$name}-hover:hover,
98
+ .ph-sm-#{$name}-hover:hover,
99
+ .pa-sm-#{$name}-hover:hover,
100
+ .active .pr-sm-#{$name}-active,
101
+ .active .ph-sm-#{$name}-active,
102
+ .active .pa-sm-#{$name}-active,
103
+ .pr-sm-#{$name}-plus + .pr-sm-#{$name}-plus {
104
+ padding-right: $value;
105
+ }
106
+ }
107
+
108
+ @media (min-width: $screen-md-min) {
109
+ .pt-md-#{$name},
110
+ .pv-md-#{$name},
111
+ .pa-md-#{$name},
112
+ .pt-md-#{$name}-hover:hover,
113
+ .pv-md-#{$name}-hover:hover,
114
+ .pa-md-#{$name}-hover:hover,
115
+ .active .pt-md-#{$name}-active,
116
+ .active .pv-md-#{$name}-active,
117
+ .active .pa-md-#{$name}-active,
118
+ .pt-md-#{$name}-plus + .pt-md-#{$name}-plus {
119
+ padding-top: $value;
120
+ }
121
+
122
+ .pl-md-#{$name},
123
+ .ph-md-#{$name},
124
+ .pa-md-#{$name},
125
+ .pl-md-#{$name}-hover:hover,
126
+ .ph-md-#{$name}-hover:hover,
127
+ .pa-md-#{$name}-hover:hover,
128
+ .active .pl-md-#{$name}-active,
129
+ .active .ph-md-#{$name}-active,
130
+ .active .pa-md-#{$name}-active,
131
+ .pl-md-#{$name}-plus + .pl-md-#{$name}-plus {
132
+ padding-left: $value;
133
+ }
134
+
135
+ .pb-md-#{$name},
136
+ .pv-md-#{$name},
137
+ .pa-md-#{$name},
138
+ .pb-md-#{$name}-hover:hover,
139
+ .pv-md-#{$name}-hover:hover,
140
+ .pa-md-#{$name}-hover:hover,
141
+ .active .pb-md-#{$name}-active,
142
+ .active .pv-md-#{$name}-active,
143
+ .active .pa-md-#{$name}-active {
144
+ padding-bottom: $value;
145
+ }
146
+
147
+ .pr-md-#{$name},
148
+ .ph-md-#{$name},
149
+ .pa-md-#{$name},
150
+ .pr-md-#{$name}-hover:hover,
151
+ .ph-md-#{$name}-hover:hover,
152
+ .pa-md-#{$name}-hover:hover,
153
+ .active .pr-md-#{$name}-active,
154
+ .active .ph-md-#{$name}-active,
155
+ .active .pa-md-#{$name}-active,
156
+ .pr-md-#{$name}-plus + .pr-md-#{$name}-plus {
157
+ padding-right: $value;
158
+ }
159
+ }
160
+
161
+ @media (min-width: $screen-lg-min) {
162
+ .pt-lg-#{$name},
163
+ .pv-lg-#{$name},
164
+ .pa-lg-#{$name},
165
+ .pt-lg-#{$name}-hover:hover,
166
+ .pv-lg-#{$name}-hover:hover,
167
+ .pa-lg-#{$name}-hover:hover,
168
+ .active .pt-lg-#{$name}-active,
169
+ .active .pv-lg-#{$name}-active,
170
+ .active .pa-lg-#{$name}-active,
171
+ .pt-lg-#{$name}-plus + .pt-lg-#{$name}-plus {
172
+ padding-top: $value;
173
+ }
174
+
175
+ .pl-lg-#{$name},
176
+ .ph-lg-#{$name},
177
+ .pa-lg-#{$name},
178
+ .pl-lg-#{$name}-hover:hover,
179
+ .ph-lg-#{$name}-hover:hover,
180
+ .pa-lg-#{$name}-hover:hover,
181
+ .active .pl-lg-#{$name}-active,
182
+ .active .ph-lg-#{$name}-active,
183
+ .active .pa-lg-#{$name}-active,
184
+ .pl-lg-#{$name}-plus + .pl-lg-#{$name}-plus {
185
+ padding-left: $value;
186
+ }
187
+
188
+ .pb-lg-#{$name},
189
+ .pv-lg-#{$name},
190
+ .pa-lg-#{$name},
191
+ .pb-lg-#{$name}-hover:hover,
192
+ .pv-lg-#{$name}-hover:hover,
193
+ .pa-lg-#{$name}-hover:hover,
194
+ .active .pb-lg-#{$name}-active,
195
+ .active .pv-lg-#{$name}-active,
196
+ .active .pa-lg-#{$name}-active {
197
+ padding-bottom: $value;
198
+ }
199
+
200
+ .pr-lg-#{$name},
201
+ .ph-lg-#{$name},
202
+ .pa-lg-#{$name},
203
+ .pr-lg-#{$name}-hover:hover,
204
+ .ph-lg-#{$name}-hover:hover,
205
+ .pa-lg-#{$name}-hover:hover,
206
+ .active .pr-lg-#{$name}-active,
207
+ .active .ph-lg-#{$name}-active,
208
+ .active .pa-lg-#{$name}-active,
209
+ .pr-lg-#{$name}-plus + .pr-lg-#{$name}-plus {
210
+ padding-right: $value;
211
+ }
212
+ }
52
213
  }
53
214
 
54
215
  @mixin margins($name, $value) {
55
- .mt-#{$name},
56
- .mv-#{$name},
57
- .ma-#{$name},
58
- .mt-#{$name}-hover:hover,
59
- .mv-#{$name}-hover:hover,
60
- .ma-#{$name}-hover:hover,
61
- .active .mt-#{$name}-active,
62
- .active .mv-#{$name}-active,
63
- .active .ma-#{$name}-active,
64
- .mt-#{$name}-plus + .mt-#{$name}-plus {
216
+ .mt-#{$name}, .mt-xs-#{$name},
217
+ .mv-#{$name}, .mv-xs-#{$name},
218
+ .ma-#{$name}, .ma-xs-#{$name},
219
+ .mt-#{$name}-hover:hover, .mt-xs-#{$name}-hover:hover,
220
+ .mv-#{$name}-hover:hover, .mv-xs-#{$name}-hover:hover,
221
+ .ma-#{$name}-hover:hover, .ma-xs-#{$name}-hover:hover,
222
+ .active .mt-#{$name}-active, .active .mt-xs-#{$name}-active,
223
+ .active .mv-#{$name}-active, .active .mv-xs-#{$name}-active,
224
+ .active .ma-#{$name}-active, .active .ma-xs-#{$name}-active,
225
+ .mt-#{$name}-plus + .mt-#{$name}-plus, .mt-xs-#{$name}-plus + .mt-xs-#{$name}-plus {
65
226
  margin-top: $value;
66
227
  }
67
228
 
68
- .ml-#{$name},
69
- .mh-#{$name},
70
- .ma-#{$name},
71
- .ml-#{$name}-hover:hover,
72
- .mh-#{$name}-hover:hover,
73
- .ma-#{$name}-hover:hover,
74
- .active .ml-#{$name}-active,
75
- .active .mh-#{$name}-active,
76
- .active .ma-#{$name}-active,
77
- .ml-#{$name}-plus + .ml-#{$name}-plus {
229
+ .ml-#{$name}, .ml-xs-#{name},
230
+ .mh-#{$name}, .mh-xs-#{$name},
231
+ .ma-#{$name}, .ma-xs-#{$name},
232
+ .ml-#{$name}-hover:hover, .ml-xs-#{$name}-hover:hover,
233
+ .mh-#{$name}-hover:hover, .mh-xs-#{$name}-hover:hover,
234
+ .ma-#{$name}-hover:hover, .ma-xs-#{$name}-hover:hover,
235
+ .active .ml-#{$name}-active, .active .ml-xs-#{$name}-active,
236
+ .active .mh-#{$name}-active, .active .mh-xs-#{$name}-active,
237
+ .active .ma-#{$name}-active, .active .ma-xs-#{$name}-active,
238
+ .ml-#{$name}-plus + .ml-#{$name}-plus, .ml-xs-#{$name}-plus + .ml-xs-#{$name}-plus {
78
239
  margin-left: $value;
79
240
  }
80
241
 
81
- .mb-#{$name},
82
- .mv-#{$name},
83
- .ma-#{$name},
84
- .mb-#{$name}-hover:hover,
85
- .mv-#{$name}-hover:hover,
86
- .ma-#{$name}-hover:hover,
87
- .active .mb-#{$name}-active,
88
- .active .mv-#{$name}-active,
89
- .active .ma-#{$name}-active {
242
+ .mb-#{$name}, .mb-xs-#{$name},
243
+ .mv-#{$name}, .mv-xs-#{$name},
244
+ .ma-#{$name}, .ma-xs-#{$name},
245
+ .mb-#{$name}-hover:hover, .mb-xs-#{$name}-hover:hover,
246
+ .mv-#{$name}-hover:hover, .mv-xs-#{$name}-hover:hover,
247
+ .ma-#{$name}-hover:hover, .ma-xs-#{$name}-hover:hover,
248
+ .active .mb-#{$name}-active, .active .mb-xs-#{$name}-active,
249
+ .active .mv-#{$name}-active, .active .mv-xs-#{$name}-active,
250
+ .active .ma-#{$name}-active, .active .ma-xs-#{$name}-active, {
90
251
  margin-bottom: $value;
91
252
  }
92
253
 
93
- .mr-#{$name},
94
- .mh-#{$name},
95
- .ma-#{$name},
96
- .mr-#{$name}-hover:hover,
97
- .mh-#{$name}-hover:hover,
98
- .ma-#{$name}-hover:hover,
99
- .active .mr-#{$name}-active,
100
- .active .mh-#{$name}-active,
101
- .active .ma-#{$name}-active,
102
- .mr-#{$name}-plus + .mr-#{$name}-plus {
254
+ .mr-#{$name}, .mr-xs-#{$name},
255
+ .mh-#{$name}, .mh-xs-#{$name},
256
+ .ma-#{$name}, .ma-xs-#{$name},
257
+ .mr-#{$name}-hover:hover, .mr-xs-#{$name}-hover:hover,
258
+ .mh-#{$name}-hover:hover, .mh-xs-#{$name}-hover:hover,
259
+ .ma-#{$name}-hover:hover, .ma-xs-#{$name}-hover:hover,
260
+ .active .mr-#{$name}-active, .active .mr-xs-#{$name}-active,
261
+ .active .mh-#{$name}-active, .active .mh-xs-#{$name}-active,
262
+ .active .ma-#{$name}-active, .active .ma-xs-#{$name}-active,
263
+ .mr-#{$name}-plus + .mr-#{$name}-plus, .mr-xs-#{$name}-plus + .mr-xs-#{$name}-plus {
103
264
  margin-right: $value;
104
265
  }
266
+
267
+ @media (min-width: $screen-sm-min) {
268
+ .mt-sm-#{$name},
269
+ .mv-sm-#{$name},
270
+ .ma-sm-#{$name},
271
+ .mt-sm-#{$name}-hover:hover,
272
+ .mv-sm-#{$name}-hover:hover,
273
+ .ma-sm-#{$name}-hover:hover,
274
+ .active .mt-sm-#{$name}-active,
275
+ .active .mv-sm-#{$name}-active,
276
+ .active .ma-sm-#{$name}-active,
277
+ .mt-sm-#{$name}-plus + .mt-sm-#{$name}-plus {
278
+ margin-top: $value;
279
+ }
280
+
281
+ .ml-sm-#{name},
282
+ .mh-sm-#{$name},
283
+ .ma-sm-#{$name},
284
+ .ml-sm-#{$name}-hover:hover,
285
+ .mh-sm-#{$name}-hover:hover,
286
+ .ma-sm-#{$name}-hover:hover,
287
+ .active .ml-sm-#{$name}-active,
288
+ .active .mh-sm-#{$name}-active,
289
+ .active .ma-sm-#{$name}-active,
290
+ .ml-sm-#{$name}-plus + .ml-sm-#{$name}-plus {
291
+ margin-left: $value;
292
+ }
293
+
294
+ .mb-sm-#{$name},
295
+ .mv-sm-#{$name},
296
+ .ma-sm-#{$name},
297
+ .mb-sm-#{$name}-hover:hover,
298
+ .mv-sm-#{$name}-hover:hover,
299
+ .ma-sm-#{$name}-hover:hover,
300
+ .active .mb-sm-#{$name}-active,
301
+ .active .mv-sm-#{$name}-active,
302
+ .active .ma-sm-#{$name}-active, {
303
+ margin-bottom: $value;
304
+ }
305
+
306
+ .mr-sm-#{$name},
307
+ .mh-sm-#{$name},
308
+ .ma-sm-#{$name},
309
+ .mr-sm-#{$name}-hover:hover,
310
+ .mh-sm-#{$name}-hover:hover,
311
+ .ma-sm-#{$name}-hover:hover,
312
+ .active .mr-sm-#{$name}-active,
313
+ .active .mh-sm-#{$name}-active,
314
+ .active .ma-sm-#{$name}-active,
315
+ .mr-sm-#{$name}-plus + .mr-sm-#{$name}-plus {
316
+ margin-right: $value;
317
+ }
318
+ }
319
+
320
+ @media (min-width: $screen-md-min) {
321
+ .mt-md-#{$name},
322
+ .mv-md-#{$name},
323
+ .ma-md-#{$name},
324
+ .mt-md-#{$name}-hover:hover,
325
+ .mv-md-#{$name}-hover:hover,
326
+ .ma-md-#{$name}-hover:hover,
327
+ .active .mt-md-#{$name}-active,
328
+ .active .mv-md-#{$name}-active,
329
+ .active .ma-md-#{$name}-active,
330
+ .mt-md-#{$name}-plus + .mt-md-#{$name}-plus {
331
+ margin-top: $value;
332
+ }
333
+
334
+ .ml-md-#{name},
335
+ .mh-md-#{$name},
336
+ .ma-md-#{$name},
337
+ .ml-md-#{$name}-hover:hover,
338
+ .mh-md-#{$name}-hover:hover,
339
+ .ma-md-#{$name}-hover:hover,
340
+ .active .ml-md-#{$name}-active,
341
+ .active .mh-md-#{$name}-active,
342
+ .active .ma-md-#{$name}-active,
343
+ .ml-md-#{$name}-plus + .ml-md-#{$name}-plus {
344
+ margin-left: $value;
345
+ }
346
+
347
+ .mb-md-#{$name},
348
+ .mv-md-#{$name},
349
+ .ma-md-#{$name},
350
+ .mb-md-#{$name}-hover:hover,
351
+ .mv-md-#{$name}-hover:hover,
352
+ .ma-md-#{$name}-hover:hover,
353
+ .active .mb-md-#{$name}-active,
354
+ .active .mv-md-#{$name}-active,
355
+ .active .ma-md-#{$name}-active, {
356
+ margin-bottom: $value;
357
+ }
358
+
359
+ .mr-md-#{$name},
360
+ .mh-md-#{$name},
361
+ .ma-md-#{$name},
362
+ .mr-md-#{$name}-hover:hover,
363
+ .mh-md-#{$name}-hover:hover,
364
+ .ma-md-#{$name}-hover:hover,
365
+ .active .mr-md-#{$name}-active,
366
+ .active .mh-md-#{$name}-active,
367
+ .active .ma-md-#{$name}-active,
368
+ .mr-md-#{$name}-plus + .mr-md-#{$name}-plus {
369
+ margin-right: $value;
370
+ }
371
+ }
372
+
373
+ @media (min-width: $screen-lg-min) {
374
+ .mt-lg-#{$name},
375
+ .mv-lg-#{$name},
376
+ .ma-lg-#{$name},
377
+ .mt-lg-#{$name}-hover:hover,
378
+ .mv-lg-#{$name}-hover:hover,
379
+ .ma-lg-#{$name}-hover:hover,
380
+ .active .mt-lg-#{$name}-active,
381
+ .active .mv-lg-#{$name}-active,
382
+ .active .ma-lg-#{$name}-active,
383
+ .mt-lg-#{$name}-plus + .mt-lg-#{$name}-plus {
384
+ margin-top: $value;
385
+ }
386
+
387
+ .ml-lg-#{name},
388
+ .mh-lg-#{$name},
389
+ .ma-lg-#{$name},
390
+ .ml-lg-#{$name}-hover:hover,
391
+ .mh-lg-#{$name}-hover:hover,
392
+ .ma-lg-#{$name}-hover:hover,
393
+ .active .ml-lg-#{$name}-active,
394
+ .active .mh-lg-#{$name}-active,
395
+ .active .ma-lg-#{$name}-active,
396
+ .ml-lg-#{$name}-plus + .ml-lg-#{$name}-plus {
397
+ margin-left: $value;
398
+ }
399
+
400
+ .mb-lg-#{$name},
401
+ .mv-lg-#{$name},
402
+ .ma-lg-#{$name},
403
+ .mb-lg-#{$name}-hover:hover,
404
+ .mv-lg-#{$name}-hover:hover,
405
+ .ma-lg-#{$name}-hover:hover,
406
+ .active .mb-lg-#{$name}-active,
407
+ .active .mv-lg-#{$name}-active,
408
+ .active .ma-lg-#{$name}-active, {
409
+ margin-bottom: $value;
410
+ }
411
+
412
+ .mr-lg-#{$name},
413
+ .mh-lg-#{$name},
414
+ .ma-lg-#{$name},
415
+ .mr-lg-#{$name}-hover:hover,
416
+ .mh-lg-#{$name}-hover:hover,
417
+ .ma-lg-#{$name}-hover:hover,
418
+ .active .mr-lg-#{$name}-active,
419
+ .active .mh-lg-#{$name}-active,
420
+ .active .ma-lg-#{$name}-active,
421
+ .mr-lg-#{$name}-plus + .mr-lg-#{$name}-plus {
422
+ margin-right: $value;
423
+ }
424
+ }
105
425
  }
106
426
 
107
427
  @mixin negative-margins($name, $value) {
@@ -1,3 +1,3 @@
1
1
  module Helio
2
- VERSION = '0.1.6'
2
+ VERSION = '0.1.7'
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: helio
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Jovanovic
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-06-29 00:00:00.000000000 Z
11
+ date: 2015-07-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass