helio 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. checksums.yaml +4 -4
  2. data/assets/stylesheets/helio/_borders.scss +249 -48
  3. data/lib/helio/version.rb +1 -1
  4. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 168de30ecf1e3853f855c299f1d23da3d69b6851
4
- data.tar.gz: 271453ce79c9bc864ae21780319f39c5dc4349fe
3
+ metadata.gz: f34770439a739aaf7674aa9cacb8ae03cff480c4
4
+ data.tar.gz: f1a06be9c757331202c727f3f4b504ae30bfd678
5
5
  SHA512:
6
- metadata.gz: 36b251fd6ece28bff05a628bfb396e77d20908721b07204d7f4afe71205ad97f791b2d0ed792d9e73baf28784bd79bdb527e12499752887080a166c7818d82e1
7
- data.tar.gz: f0a2f8a68dceb1ce09c5158457f3a6422f4733c480420423853eda04d5efca9404150405e48e5f5c89afbd58bcaa1b4232ea50b531d1896a12aab5efa13fc465
6
+ metadata.gz: 73c70e8ece63b8e2cecd0cc2d94a8c1c42bac52043401b921011ea819fc058216b5ab3ffc0438218a0fca023d8f030f6c04d1f8efa7fafe4449c1d010c11bf68
7
+ data.tar.gz: db172c7b3a4b568eccf229110c92a3cf45b3b46a1fa68733b9a75023cf3ad846e9a2e7db50c1a65f26d1735e1708303d8d58e8e025f68d7e11ebf59c14442133
data/assets/stylesheets/helio/_borders.scss CHANGED
@@ -211,70 +211,271 @@
211
211
  }
212
212
 
213
213
  @mixin border-radiuses($name, $value) {
214
- .brtl-#{$name},
215
- .brt-#{$name},
216
- .brl-#{$name},
217
- .bra-#{$name},
218
- .brtl-#{$name}-hover:hover,
219
- .brt-#{$name}-hover:hover,
220
- .brl-#{$name}-hover:hover,
221
- .bra-#{$name}-hover:hover,
222
- .active .brtl-#{$name}-active,
223
- .active .brt-#{$name}-active,
224
- .active .brl-#{$name}-active,
225
- .active .bra-#{$name}-active {
214
+ .brtl-#{$name}, .brtl-xs-#{$name},
215
+ .brt-#{$name}, .brt-xs-#{$name},
216
+ .brl-#{$name}, .brl-xs-#{$name},
217
+ .bra-#{$name}, .bra-xs-#{$name},
218
+ .brtl-#{$name}-hover:hover, .brtl-xs-#{$name}-hover:hover,
219
+ .brt-#{$name}-hover:hover, .brt-xs-#{$name}-hover:hover,
220
+ .brl-#{$name}-hover:hover, .brl-xs-#{$name}-hover:hover,
221
+ .bra-#{$name}-hover:hover, .bra-xs-#{$name}-hover:hover,
222
+ .active .brtl-#{$name}-active, .active .brtl-xs-#{$name}-active,
223
+ .active .brt-#{$name}-active, .active .brt-xs-#{$name}-active,
224
+ .active .brl-#{$name}-active, .active .brl-xs-#{$name}-active,
225
+ .active .bra-#{$name}-active, .active .bra-xs-#{$name}-active {
226
226
  -webkit-border-top-left-radius: $value;
227
227
  -moz-border-radius-topleft: $value;
228
228
  border-top-left-radius: $value;
229
229
  }
230
- .brtr-#{$name},
231
- .brt-#{$name},
232
- .brr-#{$name},
233
- .bra-#{$name},
234
- .brtr-#{$name}-hover:hover,
235
- .brt-#{$name}-hover:hover,
236
- .brr-#{$name}-hover:hover,
237
- .bra-#{$name}-hover:hover,
238
- .active .brtr-#{$name}-active,
239
- .active .brt-#{$name}-active,
240
- .active .brr-#{$name}-active,
241
- .active .bra-#{$name}-active {
230
+ .brtr-#{$name}, .brtr-xs-#{$name},
231
+ .brt-#{$name}, .brt-xs-#{$name},
232
+ .brr-#{$name}, .brr-xs-#{$name},
233
+ .bra-#{$name}, .bra-xs-#{$name},
234
+ .brtr-#{$name}-hover:hover, .brtr-xs-#{$name}-hover:hover,
235
+ .brt-#{$name}-hover:hover, .brt-xs-#{$name}-hover:hover,
236
+ .brr-#{$name}-hover:hover, .brr-xs-#{$name}-hover:hover,
237
+ .bra-#{$name}-hover:hover, .bra-xs-#{$name}-hover:hover,
238
+ .active .brtr-#{$name}-active, .active .brtr-xs-#{$name}-active,
239
+ .active .brt-#{$name}-active, .active .brt-xs-#{$name}-active,
240
+ .active .brr-#{$name}-active, .active .brr-xs-#{$name}-active,
241
+ .active .bra-#{$name}-active, .active .bra-xs-#{$name}-active {
242
242
  -webkit-border-top-right-radius: $value;
243
243
  -moz-border-radius-topright: $value;
244
244
  border-top-right-radius: $value;
245
245
  }
246
- .brbl-#{$name},
247
- .brb-#{$name},
248
- .brl-#{$name},
249
- .bra-#{$name},
250
- .brbl-#{$name}-hover:hover,
251
- .brb-#{$name}-hover:hover,
252
- .brl-#{$name}-hover:hover,
253
- .bra-#{$name}-hover:hover,
254
- .active .brbl-#{$name}-active,
255
- .active .brb-#{$name}-active,
256
- .active .brl-#{$name}-active,
257
- .active .bra-#{$name}-active {
246
+ .brbl-#{$name}, .brbl-xs-#{$name},
247
+ .brb-#{$name}, .brb-xs-#{$name},
248
+ .brl-#{$name}, .brl-xs-#{$name},
249
+ .bra-#{$name}, .bra-xs-#{$name},
250
+ .brbl-#{$name}-hover:hover, .brbl-xs-#{$name}-hover:hover,
251
+ .brb-#{$name}-hover:hover, .brb-xs-#{$name}-hover:hover,
252
+ .brl-#{$name}-hover:hover, .brl-xs-#{$name}-hover:hover,
253
+ .bra-#{$name}-hover:hover, .bra-xs-#{$name}-hover:hover,
254
+ .active .brbl-#{$name}-active, .active .brbl-xs-#{$name}-active,
255
+ .active .brb-#{$name}-active, .active .brb-xs-#{$name}-active,
256
+ .active .brl-#{$name}-active, .active .brl-xs-#{$name}-active,
257
+ .active .bra-#{$name}-active, .active .bra-xs-#{$name}-active {
258
258
  -webkit-border-bottom-left-radius: $value;
259
259
  -moz-border-radius-bottomleft: $value;
260
260
  border-bottom-left-radius: $value;
261
261
  }
262
- .brbr-#{$name},
263
- .brb-#{$name},
264
- .brr-#{$name},
265
- .bra-#{$name},
266
- .brbr-#{$name}-hover:hover,
267
- .brb-#{$name}-hover:hover,
268
- .brr-#{$name}-hover:hover,
269
- .bra-#{$name}-hover:hover,
270
- .active .brbr-#{$name}-active,
271
- .active .brb-#{$name}-active,
272
- .active .brr-#{$name}-active,
273
- .active .bra-#{$name}-active {
262
+ .brbr-#{$name}, .brbr-xs-#{$name},
263
+ .brb-#{$name}, .brb-xs-#{$name},
264
+ .brr-#{$name}, .brr-xs-#{$name},
265
+ .bra-#{$name}, .bra-xs-#{$name},
266
+ .brbr-#{$name}-hover:hover, .brbr-xs-#{$name}-hover:hover,
267
+ .brb-#{$name}-hover:hover, .brb-xs-#{$name}-hover:hover,
268
+ .brr-#{$name}-hover:hover, .brr-xs-#{$name}-hover:hover,
269
+ .bra-#{$name}-hover:hover, .bra-xs-#{$name}-hover:hover,
270
+ .active .brbr-#{$name}-active, .active .brbr-xs-#{$name}-active,
271
+ .active .brb-#{$name}-active, .active .brb-xs-#{$name}-active,
272
+ .active .brr-#{$name}-active, .active .brr-xs-#{$name}-active,
273
+ .active .bra-#{$name}-active, .active .bra-xs-#{$name}-active {
274
274
  -webkit-border-bottom-right-radius: $value;
275
275
  -moz-border-radius-bottomright: $value;
276
276
  border-bottom-right-radius: $value;
277
277
  }
278
+
279
+ @media (min-width: $screen-sm-min) {
280
+ .brtl-sm-#{$name},
281
+ .brt-sm-#{$name},
282
+ .brl-sm-#{$name},
283
+ .bra-sm-#{$name},
284
+ .brtl-sm-#{$name}-hover:hover,
285
+ .brt-sm-#{$name}-hover:hover,
286
+ .brl-sm-#{$name}-hover:hover,
287
+ .bra-sm-#{$name}-hover:hover,
288
+ .active .brtl-sm-#{$name}-active,
289
+ .active .brt-sm-#{$name}-active,
290
+ .active .brl-sm-#{$name}-active,
291
+ .active .bra-sm-#{$name}-active {
292
+ -webkit-border-top-left-radius: $value;
293
+ -moz-border-radius-topleft: $value;
294
+ border-top-left-radius: $value;
295
+ }
296
+ .brtr-sm-#{$name},
297
+ .brt-sm-#{$name},
298
+ .brr-sm-#{$name},
299
+ .bra-sm-#{$name},
300
+ .brtr-sm-#{$name}-hover:hover,
301
+ .brt-sm-#{$name}-hover:hover,
302
+ .brr-sm-#{$name}-hover:hover,
303
+ .bra-sm-#{$name}-hover:hover,
304
+ .active .brtr-sm-#{$name}-active,
305
+ .active .brt-sm-#{$name}-active,
306
+ .active .brr-sm-#{$name}-active,
307
+ .active .bra-sm-#{$name}-active {
308
+ -webkit-border-top-right-radius: $value;
309
+ -moz-border-radius-topright: $value;
310
+ border-top-right-radius: $value;
311
+ }
312
+ .brbl-sm-#{$name},
313
+ .brb-sm-#{$name},
314
+ .brl-sm-#{$name},
315
+ .bra-sm-#{$name},
316
+ .brbl-sm-#{$name}-hover:hover,
317
+ .brb-sm-#{$name}-hover:hover,
318
+ .brl-sm-#{$name}-hover:hover,
319
+ .bra-sm-#{$name}-hover:hover,
320
+ .active .brbl-sm-#{$name}-active,
321
+ .active .brb-sm-#{$name}-active,
322
+ .active .brl-sm-#{$name}-active,
323
+ .active .bra-sm-#{$name}-active {
324
+ -webkit-border-bottom-left-radius: $value;
325
+ -moz-border-radius-bottomleft: $value;
326
+ border-bottom-left-radius: $value;
327
+ }
328
+ .brbr-sm-#{$name},
329
+ .brb-sm-#{$name},
330
+ .brr-sm-#{$name},
331
+ .bra-sm-#{$name},
332
+ .brbr-sm-#{$name}-hover:hover,
333
+ .brb-sm-#{$name}-hover:hover,
334
+ .brr-sm-#{$name}-hover:hover,
335
+ .bra-sm-#{$name}-hover:hover,
336
+ .active .brbr-sm-#{$name}-active,
337
+ .active .brb-sm-#{$name}-active,
338
+ .active .brr-sm-#{$name}-active,
339
+ .active .bra-sm-#{$name}-active {
340
+ -webkit-border-bottom-right-radius: $value;
341
+ -moz-border-radius-bottomright: $value;
342
+ border-bottom-right-radius: $value;
343
+ }
344
+ }
345
+
346
+ @media (min-width: $screen-md-min) {
347
+ .brtl-md-#{$name},
348
+ .brt-md-#{$name},
349
+ .brl-md-#{$name},
350
+ .bra-md-#{$name},
351
+ .brtl-md-#{$name}-hover:hover,
352
+ .brt-md-#{$name}-hover:hover,
353
+ .brl-md-#{$name}-hover:hover,
354
+ .bra-md-#{$name}-hover:hover,
355
+ .active .brtl-md-#{$name}-active,
356
+ .active .brt-md-#{$name}-active,
357
+ .active .brl-md-#{$name}-active,
358
+ .active .bra-md-#{$name}-active {
359
+ -webkit-border-top-left-radius: $value;
360
+ -moz-border-radius-topleft: $value;
361
+ border-top-left-radius: $value;
362
+ }
363
+ .brtr-md-#{$name},
364
+ .brt-md-#{$name},
365
+ .brr-md-#{$name},
366
+ .bra-md-#{$name},
367
+ .brtr-md-#{$name}-hover:hover,
368
+ .brt-md-#{$name}-hover:hover,
369
+ .brr-md-#{$name}-hover:hover,
370
+ .bra-md-#{$name}-hover:hover,
371
+ .active .brtr-md-#{$name}-active,
372
+ .active .brt-md-#{$name}-active,
373
+ .active .brr-md-#{$name}-active,
374
+ .active .bra-md-#{$name}-active {
375
+ -webkit-border-top-right-radius: $value;
376
+ -moz-border-radius-topright: $value;
377
+ border-top-right-radius: $value;
378
+ }
379
+ .brbl-md-#{$name},
380
+ .brb-md-#{$name},
381
+ .brl-md-#{$name},
382
+ .bra-md-#{$name},
383
+ .brbl-md-#{$name}-hover:hover,
384
+ .brb-md-#{$name}-hover:hover,
385
+ .brl-md-#{$name}-hover:hover,
386
+ .bra-md-#{$name}-hover:hover,
387
+ .active .brbl-md-#{$name}-active,
388
+ .active .brb-md-#{$name}-active,
389
+ .active .brl-md-#{$name}-active,
390
+ .active .bra-md-#{$name}-active {
391
+ -webkit-border-bottom-left-radius: $value;
392
+ -moz-border-radius-bottomleft: $value;
393
+ border-bottom-left-radius: $value;
394
+ }
395
+ .brbr-md-#{$name},
396
+ .brb-md-#{$name},
397
+ .brr-md-#{$name},
398
+ .bra-md-#{$name},
399
+ .brbr-md-#{$name}-hover:hover,
400
+ .brb-md-#{$name}-hover:hover,
401
+ .brr-md-#{$name}-hover:hover,
402
+ .bra-md-#{$name}-hover:hover,
403
+ .active .brbr-md-#{$name}-active,
404
+ .active .brb-md-#{$name}-active,
405
+ .active .brr-md-#{$name}-active,
406
+ .active .bra-md-#{$name}-active {
407
+ -webkit-border-bottom-right-radius: $value;
408
+ -moz-border-radius-bottomright: $value;
409
+ border-bottom-right-radius: $value;
410
+ }
411
+ }
412
+
413
+ @media (min-width: $screen-lg-min) {
414
+ .brtl-lg-#{$name},
415
+ .brt-lg-#{$name},
416
+ .brl-lg-#{$name},
417
+ .bra-lg-#{$name},
418
+ .brtl-lg-#{$name}-hover:hover,
419
+ .brt-lg-#{$name}-hover:hover,
420
+ .brl-lg-#{$name}-hover:hover,
421
+ .bra-lg-#{$name}-hover:hover,
422
+ .active .brtl-lg-#{$name}-active,
423
+ .active .brt-lg-#{$name}-active,
424
+ .active .brl-lg-#{$name}-active,
425
+ .active .bra-lg-#{$name}-active {
426
+ -webkit-border-top-left-radius: $value;
427
+ -moz-border-radius-topleft: $value;
428
+ border-top-left-radius: $value;
429
+ }
430
+ .brtr-lg-#{$name},
431
+ .brt-lg-#{$name},
432
+ .brr-lg-#{$name},
433
+ .bra-lg-#{$name},
434
+ .brtr-lg-#{$name}-hover:hover,
435
+ .brt-lg-#{$name}-hover:hover,
436
+ .brr-lg-#{$name}-hover:hover,
437
+ .bra-lg-#{$name}-hover:hover,
438
+ .active .brtr-lg-#{$name}-active,
439
+ .active .brt-lg-#{$name}-active,
440
+ .active .brr-lg-#{$name}-active,
441
+ .active .bra-lg-#{$name}-active {
442
+ -webkit-border-top-right-radius: $value;
443
+ -moz-border-radius-topright: $value;
444
+ border-top-right-radius: $value;
445
+ }
446
+ .brbl-lg-#{$name},
447
+ .brb-lg-#{$name},
448
+ .brl-lg-#{$name},
449
+ .bra-lg-#{$name},
450
+ .brbl-lg-#{$name}-hover:hover,
451
+ .brb-lg-#{$name}-hover:hover,
452
+ .brl-lg-#{$name}-hover:hover,
453
+ .bra-lg-#{$name}-hover:hover,
454
+ .active .brbl-lg-#{$name}-active,
455
+ .active .brb-lg-#{$name}-active,
456
+ .active .brl-lg-#{$name}-active,
457
+ .active .bra-lg-#{$name}-active {
458
+ -webkit-border-bottom-left-radius: $value;
459
+ -moz-border-radius-bottomleft: $value;
460
+ border-bottom-left-radius: $value;
461
+ }
462
+ .brbr-lg-#{$name},
463
+ .brb-lg-#{$name},
464
+ .brr-lg-#{$name},
465
+ .bra-lg-#{$name},
466
+ .brbr-lg-#{$name}-hover:hover,
467
+ .brb-lg-#{$name}-hover:hover,
468
+ .brr-lg-#{$name}-hover:hover,
469
+ .bra-lg-#{$name}-hover:hover,
470
+ .active .brbr-lg-#{$name}-active,
471
+ .active .brb-lg-#{$name}-active,
472
+ .active .brr-lg-#{$name}-active,
473
+ .active .bra-lg-#{$name}-active {
474
+ -webkit-border-bottom-right-radius: $value;
475
+ -moz-border-radius-bottomright: $value;
476
+ border-bottom-right-radius: $value;
477
+ }
478
+ }
278
479
  }
279
480
 
280
481
  .bs-sld,
data/lib/helio/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Helio
2
- VERSION = '0.1.9'
2
+ VERSION = '0.1.10'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: helio
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.9
4
+ version: 0.1.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Jovanovic