picasso 0.5.0 → 0.5.1

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 (31) hide show
  1. data/docs/_picasso.html +74 -93
  2. data/docs/css/picasso-demos.css +74 -93
  3. data/docs/css/picasso-docs.css +2 -2
  4. data/docs/index.html +74 -93
  5. data/docs/picasso-_components.html +74 -93
  6. data/docs/picasso-_despegar.html +74 -93
  7. data/docs/picasso-_utils.html +74 -93
  8. data/docs/picasso-components-_accordions.html +74 -93
  9. data/docs/picasso-components-_arrows.html +74 -93
  10. data/docs/picasso-components-_bubbles.html +74 -93
  11. data/docs/picasso-components-_buttons.html +74 -93
  12. data/docs/picasso-components-_clusters.html +74 -93
  13. data/docs/picasso-components-_inputs.html +74 -93
  14. data/docs/picasso-components-_list-grids.html +74 -93
  15. data/docs/picasso-components-_navs.html +74 -93
  16. data/docs/picasso-components-_pagination.html +74 -93
  17. data/docs/picasso-components-_popups.html +74 -93
  18. data/docs/picasso-components-_tooltips.html +74 -93
  19. data/docs/picasso-components-buttons-_3d.html +78 -95
  20. data/docs/picasso-despegar-_mixins.html +74 -93
  21. data/docs/picasso-despegar-_variables.html +78 -97
  22. data/docs/picasso-utils-_clearfix.html +74 -93
  23. data/docs/picasso-utils-_grid.html +74 -98
  24. data/docs/picasso-utils-_ie.html +74 -93
  25. data/docs/picasso-utils-_rem.html +74 -93
  26. data/docs/picasso-utils-_sprite.html +74 -93
  27. data/lib/picasso/version.rb +1 -1
  28. data/stylesheets/picasso/components/buttons/_3d.scss +4 -2
  29. data/stylesheets/picasso/despegar/_variables.scss +2 -2
  30. data/stylesheets/picasso/utils/_grid.scss +0 -5
  31. metadata +53 -56
data/docs/picasso-components-_tooltips.html CHANGED
@@ -15,7 +15,7 @@ body {
15
15
  .tooltip-demo-1 {
16
16
  display: block;
17
17
  position: absolute;
18
- padding: 0.267em;
18
+ padding: 0.26667em;
19
19
  font-size: 0.8em;
20
20
  background-color: black;
21
21
  color: white;
@@ -32,7 +32,7 @@ body {
32
32
  .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
33
33
  position: absolute;
34
34
  top: 0;
35
- padding: 0.267em 0;
35
+ padding: 0.26667em 0;
36
36
  left: -0.82em;
37
37
  content: "\25C4";
38
38
  }
@@ -51,7 +51,7 @@ body {
51
51
  .tooltip-demo-2 {
52
52
  display: block;
53
53
  position: absolute;
54
- padding: 0.267em;
54
+ padding: 0.26667em;
55
55
  font-size: 0.8em;
56
56
  background-color: black;
57
57
  color: white;
@@ -68,7 +68,7 @@ body {
68
68
  .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
69
69
  position: absolute;
70
70
  top: 0;
71
- padding: 0.267em 0;
71
+ padding: 0.26667em 0;
72
72
  right: -0.82em;
73
73
  content: "\25BA";
74
74
  }
@@ -192,13 +192,15 @@ body {
192
192
  text-decoration: none;
193
193
  color: white;
194
194
  }
195
- .button-3d-demo-1 span {
196
- background-color: #f73741;
195
+ .button-3d-demo-1 span, .button-3d-demo-1 span:active {
197
196
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
198
197
  background-image: -webkit-linear-gradient(#f73741, #8f060d);
199
198
  background-image: -moz-linear-gradient(#f73741, #8f060d);
200
199
  background-image: -o-linear-gradient(#f73741, #8f060d);
201
200
  background-image: linear-gradient(#f73741, #8f060d);
201
+ }
202
+ .button-3d-demo-1 span {
203
+ background-color: #f73741;
202
204
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
203
205
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
204
206
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -216,11 +218,6 @@ body {
216
218
  }
217
219
  .button-3d-demo-1 span:active {
218
220
  text-shadow: 0 -1px 0 black;
219
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
220
- background-image: -webkit-linear-gradient(#f73741, #8f060d);
221
- background-image: -moz-linear-gradient(#f73741, #8f060d);
222
- background-image: -o-linear-gradient(#f73741, #8f060d);
223
- background-image: linear-gradient(#f73741, #8f060d);
224
221
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
225
222
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
226
223
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -294,13 +291,15 @@ body {
294
291
  text-decoration: none;
295
292
  color: white;
296
293
  }
297
- .button-3d-demo-2 span {
298
- background-color: #013d93;
294
+ .button-3d-demo-2 span, .button-3d-demo-2 span:active {
299
295
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
300
296
  background-image: -webkit-linear-gradient(#013d93, #000000);
301
297
  background-image: -moz-linear-gradient(#013d93, #000000);
302
298
  background-image: -o-linear-gradient(#013d93, #000000);
303
299
  background-image: linear-gradient(#013d93, #000000);
300
+ }
301
+ .button-3d-demo-2 span {
302
+ background-color: #013d93;
304
303
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
305
304
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
306
305
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -318,11 +317,6 @@ body {
318
317
  }
319
318
  .button-3d-demo-2 span:active {
320
319
  text-shadow: 0 -1px 0 black;
321
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
322
- background-image: -webkit-linear-gradient(#013d93, #000000);
323
- background-image: -moz-linear-gradient(#013d93, #000000);
324
- background-image: -o-linear-gradient(#013d93, #000000);
325
- background-image: linear-gradient(#013d93, #000000);
326
320
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
327
321
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
328
322
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -396,13 +390,15 @@ body {
396
390
  text-decoration: none;
397
391
  color: white;
398
392
  }
399
- .button-3d-demo-3 span {
400
- background-color: #fbb450;
393
+ .button-3d-demo-3 span, .button-3d-demo-3 span:active {
401
394
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
402
395
  background-image: -webkit-linear-gradient(#fbb450, #ae6704);
403
396
  background-image: -moz-linear-gradient(#fbb450, #ae6704);
404
397
  background-image: -o-linear-gradient(#fbb450, #ae6704);
405
398
  background-image: linear-gradient(#fbb450, #ae6704);
399
+ }
400
+ .button-3d-demo-3 span {
401
+ background-color: #fbb450;
406
402
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
407
403
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
408
404
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -420,11 +416,6 @@ body {
420
416
  }
421
417
  .button-3d-demo-3 span:active {
422
418
  text-shadow: 0 -1px 0 black;
423
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
424
- background-image: -webkit-linear-gradient(#fbb450, #ae6704);
425
- background-image: -moz-linear-gradient(#fbb450, #ae6704);
426
- background-image: -o-linear-gradient(#fbb450, #ae6704);
427
- background-image: linear-gradient(#fbb450, #ae6704);
428
419
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
429
420
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
430
421
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -498,13 +489,15 @@ body {
498
489
  text-decoration: none;
499
490
  color: white;
500
491
  }
501
- .button-3d-demo-4 span {
502
- background-color: #013d93;
492
+ .button-3d-demo-4 span, .button-3d-demo-4 span:active {
503
493
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
504
494
  background-image: -webkit-linear-gradient(#013d93, #000000);
505
495
  background-image: -moz-linear-gradient(#013d93, #000000);
506
496
  background-image: -o-linear-gradient(#013d93, #000000);
507
497
  background-image: linear-gradient(#013d93, #000000);
498
+ }
499
+ .button-3d-demo-4 span {
500
+ background-color: #013d93;
508
501
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
509
502
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
510
503
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -522,11 +515,6 @@ body {
522
515
  }
523
516
  .button-3d-demo-4 span:active {
524
517
  text-shadow: 0 -1px 0 black;
525
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
526
- background-image: -webkit-linear-gradient(#013d93, #000000);
527
- background-image: -moz-linear-gradient(#013d93, #000000);
528
- background-image: -o-linear-gradient(#013d93, #000000);
529
- background-image: linear-gradient(#013d93, #000000);
530
518
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
531
519
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
532
520
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -600,13 +588,15 @@ body {
600
588
  text-decoration: none;
601
589
  color: #013d93;
602
590
  }
603
- .button-3d-demo-5 span {
604
- background-color: #eeeeee;
591
+ .button-3d-demo-5 span, .button-3d-demo-5 span:active {
605
592
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
606
593
  background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
607
594
  background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
608
595
  background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
609
596
  background-image: linear-gradient(#eeeeee, #a2a2a2);
597
+ }
598
+ .button-3d-demo-5 span {
599
+ background-color: #eeeeee;
610
600
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
611
601
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
612
602
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -624,11 +614,6 @@ body {
624
614
  }
625
615
  .button-3d-demo-5 span:active {
626
616
  text-shadow: 0 -1px 0 #b5b5b5;
627
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
628
- background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
629
- background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
630
- background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
631
- background-image: linear-gradient(#eeeeee, #a2a2a2);
632
617
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
633
618
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
634
619
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -1252,7 +1237,7 @@ body {
1252
1237
  margin-top: 0;
1253
1238
  }
1254
1239
  .accordion-demo-1 .accordion-header {
1255
- padding: 0.407em 10px;
1240
+ padding: 0.4065em 10px;
1256
1241
  }
1257
1242
  .accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
1258
1243
  content: "";
@@ -1501,7 +1486,7 @@ body {
1501
1486
  padding: 0 0 0 0.5em;
1502
1487
  font-style: normal;
1503
1488
  font-size: 25px;
1504
- font-size: 1.563rem;
1489
+ font-size: 1.5625rem;
1505
1490
  background: #5fc8ff;
1506
1491
  color: white;
1507
1492
  -moz-border-radius-topleft: 0.1em;
@@ -1533,7 +1518,7 @@ body {
1533
1518
  padding: 0 0.5em 0 0;
1534
1519
  font-style: normal;
1535
1520
  font-size: 25px;
1536
- font-size: 1.563rem;
1521
+ font-size: 1.5625rem;
1537
1522
  background: #5fc8ff;
1538
1523
  color: white;
1539
1524
  -moz-border-radius-topright: 0.1em;
@@ -1578,10 +1563,9 @@ body {
1578
1563
  }
1579
1564
  .row-col [class^="col"] {
1580
1565
  width: 100%;
1581
- min-height: 25px;
1582
1566
  display: block;
1583
1567
  float: left;
1584
- margin-left: 2.174%;
1568
+ margin-left: 2.17391%;
1585
1569
  -webkit-box-sizing: border-box;
1586
1570
  -moz-box-sizing: border-box;
1587
1571
  box-sizing: border-box;
@@ -1589,149 +1573,146 @@ body {
1589
1573
  .row-col [class^="col"]:first-child {
1590
1574
  margin-left: 0;
1591
1575
  }
1592
- .row-col [class^="col"] img {
1593
- max-width: 100%;
1594
- }
1595
1576
  .row-col .col1 {
1596
- width: 6.341%;
1577
+ width: 6.34058%;
1597
1578
  }
1598
1579
  .ie7 .row-col .col1 {
1599
- width: 6.249%;
1580
+ width: 6.24858%;
1600
1581
  }
1601
1582
  .row-col [class^="col"].offset1 {
1602
- margin-left: 10.507%;
1583
+ margin-left: 10.50725%;
1603
1584
  }
1604
1585
  .row-col [class^="col"].offset1:first-child {
1605
- margin-left: 8.424%;
1586
+ margin-left: 8.42391%;
1606
1587
  }
1607
1588
  .row-col .col2 {
1608
- width: 14.855%;
1589
+ width: 14.85507%;
1609
1590
  }
1610
1591
  .ie7 .row-col .col2 {
1611
- width: 14.763%;
1592
+ width: 14.76307%;
1612
1593
  }
1613
1594
  .row-col [class^="col"].offset2 {
1614
- margin-left: 19.022%;
1595
+ margin-left: 19.02174%;
1615
1596
  }
1616
1597
  .row-col [class^="col"].offset2:first-child {
1617
- margin-left: 16.938%;
1598
+ margin-left: 16.93841%;
1618
1599
  }
1619
1600
  .row-col .col3 {
1620
- width: 23.37%;
1601
+ width: 23.36957%;
1621
1602
  }
1622
1603
  .ie7 .row-col .col3 {
1623
- width: 23.278%;
1604
+ width: 23.27757%;
1624
1605
  }
1625
1606
  .row-col [class^="col"].offset3 {
1626
- margin-left: 27.536%;
1607
+ margin-left: 27.53623%;
1627
1608
  }
1628
1609
  .row-col [class^="col"].offset3:first-child {
1629
- margin-left: 25.453%;
1610
+ margin-left: 25.4529%;
1630
1611
  }
1631
1612
  .row-col .col4 {
1632
- width: 31.884%;
1613
+ width: 31.88406%;
1633
1614
  }
1634
1615
  .ie7 .row-col .col4 {
1635
- width: 31.792%;
1616
+ width: 31.79206%;
1636
1617
  }
1637
1618
  .row-col [class^="col"].offset4 {
1638
- margin-left: 36.051%;
1619
+ margin-left: 36.05072%;
1639
1620
  }
1640
1621
  .row-col [class^="col"].offset4:first-child {
1641
- margin-left: 33.967%;
1622
+ margin-left: 33.96739%;
1642
1623
  }
1643
1624
  .row-col .col5 {
1644
- width: 40.399%;
1625
+ width: 40.39855%;
1645
1626
  }
1646
1627
  .ie7 .row-col .col5 {
1647
- width: 40.307%;
1628
+ width: 40.30655%;
1648
1629
  }
1649
1630
  .row-col [class^="col"].offset5 {
1650
- margin-left: 44.565%;
1631
+ margin-left: 44.56522%;
1651
1632
  }
1652
1633
  .row-col [class^="col"].offset5:first-child {
1653
- margin-left: 42.482%;
1634
+ margin-left: 42.48188%;
1654
1635
  }
1655
1636
  .row-col .col6 {
1656
- width: 48.913%;
1637
+ width: 48.91304%;
1657
1638
  }
1658
1639
  .ie7 .row-col .col6 {
1659
- width: 48.821%;
1640
+ width: 48.82104%;
1660
1641
  }
1661
1642
  .row-col [class^="col"].offset6 {
1662
- margin-left: 53.08%;
1643
+ margin-left: 53.07971%;
1663
1644
  }
1664
1645
  .row-col [class^="col"].offset6:first-child {
1665
- margin-left: 50.996%;
1646
+ margin-left: 50.99638%;
1666
1647
  }
1667
1648
  .row-col .col7 {
1668
- width: 57.428%;
1649
+ width: 57.42754%;
1669
1650
  }
1670
1651
  .ie7 .row-col .col7 {
1671
- width: 57.336%;
1652
+ width: 57.33554%;
1672
1653
  }
1673
1654
  .row-col [class^="col"].offset7 {
1674
- margin-left: 61.594%;
1655
+ margin-left: 61.5942%;
1675
1656
  }
1676
1657
  .row-col [class^="col"].offset7:first-child {
1677
- margin-left: 59.511%;
1658
+ margin-left: 59.51087%;
1678
1659
  }
1679
1660
  .row-col .col8 {
1680
- width: 65.942%;
1661
+ width: 65.94203%;
1681
1662
  }
1682
1663
  .ie7 .row-col .col8 {
1683
- width: 65.85%;
1664
+ width: 65.85003%;
1684
1665
  }
1685
1666
  .row-col [class^="col"].offset8 {
1686
- margin-left: 70.109%;
1667
+ margin-left: 70.1087%;
1687
1668
  }
1688
1669
  .row-col [class^="col"].offset8:first-child {
1689
- margin-left: 68.025%;
1670
+ margin-left: 68.02536%;
1690
1671
  }
1691
1672
  .row-col .col9 {
1692
- width: 74.457%;
1673
+ width: 74.45652%;
1693
1674
  }
1694
1675
  .ie7 .row-col .col9 {
1695
- width: 74.365%;
1676
+ width: 74.36452%;
1696
1677
  }
1697
1678
  .row-col [class^="col"].offset9 {
1698
- margin-left: 78.623%;
1679
+ margin-left: 78.62319%;
1699
1680
  }
1700
1681
  .row-col [class^="col"].offset9:first-child {
1701
- margin-left: 76.54%;
1682
+ margin-left: 76.53986%;
1702
1683
  }
1703
1684
  .row-col .col10 {
1704
- width: 82.971%;
1685
+ width: 82.97101%;
1705
1686
  }
1706
1687
  .ie7 .row-col .col10 {
1707
- width: 82.879%;
1688
+ width: 82.87901%;
1708
1689
  }
1709
1690
  .row-col [class^="col"].offset10 {
1710
- margin-left: 87.138%;
1691
+ margin-left: 87.13768%;
1711
1692
  }
1712
1693
  .row-col [class^="col"].offset10:first-child {
1713
- margin-left: 85.054%;
1694
+ margin-left: 85.05435%;
1714
1695
  }
1715
1696
  .row-col .col11 {
1716
- width: 91.486%;
1697
+ width: 91.48551%;
1717
1698
  }
1718
1699
  .ie7 .row-col .col11 {
1719
- width: 91.394%;
1700
+ width: 91.39351%;
1720
1701
  }
1721
1702
  .row-col [class^="col"].offset11 {
1722
- margin-left: 95.652%;
1703
+ margin-left: 95.65217%;
1723
1704
  }
1724
1705
  .row-col [class^="col"].offset11:first-child {
1725
- margin-left: 93.569%;
1706
+ margin-left: 93.56884%;
1726
1707
  }
1727
1708
  .row-col .col12 {
1728
1709
  width: 100%;
1729
1710
  }
1730
1711
  .row-col [class^="col"].offset12 {
1731
- margin-left: 104.167%;
1712
+ margin-left: 104.16667%;
1732
1713
  }
1733
1714
  .row-col [class^="col"].offset12:first-child {
1734
- margin-left: 102.083%;
1715
+ margin-left: 102.08333%;
1735
1716
  }
1736
1717
 
1737
1718
  .row-col {
data/docs/picasso-components-buttons-_3d.html CHANGED
@@ -15,7 +15,7 @@ body {
15
15
  .tooltip-demo-1 {
16
16
  display: block;
17
17
  position: absolute;
18
- padding: 0.267em;
18
+ padding: 0.26667em;
19
19
  font-size: 0.8em;
20
20
  background-color: black;
21
21
  color: white;
@@ -32,7 +32,7 @@ body {
32
32
  .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
33
33
  position: absolute;
34
34
  top: 0;
35
- padding: 0.267em 0;
35
+ padding: 0.26667em 0;
36
36
  left: -0.82em;
37
37
  content: "\25C4";
38
38
  }
@@ -51,7 +51,7 @@ body {
51
51
  .tooltip-demo-2 {
52
52
  display: block;
53
53
  position: absolute;
54
- padding: 0.267em;
54
+ padding: 0.26667em;
55
55
  font-size: 0.8em;
56
56
  background-color: black;
57
57
  color: white;
@@ -68,7 +68,7 @@ body {
68
68
  .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
69
69
  position: absolute;
70
70
  top: 0;
71
- padding: 0.267em 0;
71
+ padding: 0.26667em 0;
72
72
  right: -0.82em;
73
73
  content: "\25BA";
74
74
  }
@@ -192,13 +192,15 @@ body {
192
192
  text-decoration: none;
193
193
  color: white;
194
194
  }
195
- .button-3d-demo-1 span {
196
- background-color: #f73741;
195
+ .button-3d-demo-1 span, .button-3d-demo-1 span:active {
197
196
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
198
197
  background-image: -webkit-linear-gradient(#f73741, #8f060d);
199
198
  background-image: -moz-linear-gradient(#f73741, #8f060d);
200
199
  background-image: -o-linear-gradient(#f73741, #8f060d);
201
200
  background-image: linear-gradient(#f73741, #8f060d);
201
+ }
202
+ .button-3d-demo-1 span {
203
+ background-color: #f73741;
202
204
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
203
205
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
204
206
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -216,11 +218,6 @@ body {
216
218
  }
217
219
  .button-3d-demo-1 span:active {
218
220
  text-shadow: 0 -1px 0 black;
219
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
220
- background-image: -webkit-linear-gradient(#f73741, #8f060d);
221
- background-image: -moz-linear-gradient(#f73741, #8f060d);
222
- background-image: -o-linear-gradient(#f73741, #8f060d);
223
- background-image: linear-gradient(#f73741, #8f060d);
224
221
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
225
222
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
226
223
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -294,13 +291,15 @@ body {
294
291
  text-decoration: none;
295
292
  color: white;
296
293
  }
297
- .button-3d-demo-2 span {
298
- background-color: #013d93;
294
+ .button-3d-demo-2 span, .button-3d-demo-2 span:active {
299
295
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
300
296
  background-image: -webkit-linear-gradient(#013d93, #000000);
301
297
  background-image: -moz-linear-gradient(#013d93, #000000);
302
298
  background-image: -o-linear-gradient(#013d93, #000000);
303
299
  background-image: linear-gradient(#013d93, #000000);
300
+ }
301
+ .button-3d-demo-2 span {
302
+ background-color: #013d93;
304
303
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
305
304
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
306
305
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -318,11 +317,6 @@ body {
318
317
  }
319
318
  .button-3d-demo-2 span:active {
320
319
  text-shadow: 0 -1px 0 black;
321
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
322
- background-image: -webkit-linear-gradient(#013d93, #000000);
323
- background-image: -moz-linear-gradient(#013d93, #000000);
324
- background-image: -o-linear-gradient(#013d93, #000000);
325
- background-image: linear-gradient(#013d93, #000000);
326
320
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
327
321
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
328
322
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -396,13 +390,15 @@ body {
396
390
  text-decoration: none;
397
391
  color: white;
398
392
  }
399
- .button-3d-demo-3 span {
400
- background-color: #fbb450;
393
+ .button-3d-demo-3 span, .button-3d-demo-3 span:active {
401
394
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
402
395
  background-image: -webkit-linear-gradient(#fbb450, #ae6704);
403
396
  background-image: -moz-linear-gradient(#fbb450, #ae6704);
404
397
  background-image: -o-linear-gradient(#fbb450, #ae6704);
405
398
  background-image: linear-gradient(#fbb450, #ae6704);
399
+ }
400
+ .button-3d-demo-3 span {
401
+ background-color: #fbb450;
406
402
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
407
403
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
408
404
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -420,11 +416,6 @@ body {
420
416
  }
421
417
  .button-3d-demo-3 span:active {
422
418
  text-shadow: 0 -1px 0 black;
423
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
424
- background-image: -webkit-linear-gradient(#fbb450, #ae6704);
425
- background-image: -moz-linear-gradient(#fbb450, #ae6704);
426
- background-image: -o-linear-gradient(#fbb450, #ae6704);
427
- background-image: linear-gradient(#fbb450, #ae6704);
428
419
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
429
420
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
430
421
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -498,13 +489,15 @@ body {
498
489
  text-decoration: none;
499
490
  color: white;
500
491
  }
501
- .button-3d-demo-4 span {
502
- background-color: #013d93;
492
+ .button-3d-demo-4 span, .button-3d-demo-4 span:active {
503
493
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
504
494
  background-image: -webkit-linear-gradient(#013d93, #000000);
505
495
  background-image: -moz-linear-gradient(#013d93, #000000);
506
496
  background-image: -o-linear-gradient(#013d93, #000000);
507
497
  background-image: linear-gradient(#013d93, #000000);
498
+ }
499
+ .button-3d-demo-4 span {
500
+ background-color: #013d93;
508
501
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
509
502
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
510
503
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -522,11 +515,6 @@ body {
522
515
  }
523
516
  .button-3d-demo-4 span:active {
524
517
  text-shadow: 0 -1px 0 black;
525
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
526
- background-image: -webkit-linear-gradient(#013d93, #000000);
527
- background-image: -moz-linear-gradient(#013d93, #000000);
528
- background-image: -o-linear-gradient(#013d93, #000000);
529
- background-image: linear-gradient(#013d93, #000000);
530
518
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
531
519
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
532
520
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -600,13 +588,15 @@ body {
600
588
  text-decoration: none;
601
589
  color: #013d93;
602
590
  }
603
- .button-3d-demo-5 span {
604
- background-color: #eeeeee;
591
+ .button-3d-demo-5 span, .button-3d-demo-5 span:active {
605
592
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
606
593
  background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
607
594
  background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
608
595
  background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
609
596
  background-image: linear-gradient(#eeeeee, #a2a2a2);
597
+ }
598
+ .button-3d-demo-5 span {
599
+ background-color: #eeeeee;
610
600
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
611
601
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
612
602
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
@@ -624,11 +614,6 @@ body {
624
614
  }
625
615
  .button-3d-demo-5 span:active {
626
616
  text-shadow: 0 -1px 0 #b5b5b5;
627
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
628
- background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
629
- background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
630
- background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
631
- background-image: linear-gradient(#eeeeee, #a2a2a2);
632
617
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
633
618
  -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
634
619
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
@@ -1252,7 +1237,7 @@ body {
1252
1237
  margin-top: 0;
1253
1238
  }
1254
1239
  .accordion-demo-1 .accordion-header {
1255
- padding: 0.407em 10px;
1240
+ padding: 0.4065em 10px;
1256
1241
  }
1257
1242
  .accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
1258
1243
  content: "";
@@ -1501,7 +1486,7 @@ body {
1501
1486
  padding: 0 0 0 0.5em;
1502
1487
  font-style: normal;
1503
1488
  font-size: 25px;
1504
- font-size: 1.563rem;
1489
+ font-size: 1.5625rem;
1505
1490
  background: #5fc8ff;
1506
1491
  color: white;
1507
1492
  -moz-border-radius-topleft: 0.1em;
@@ -1533,7 +1518,7 @@ body {
1533
1518
  padding: 0 0.5em 0 0;
1534
1519
  font-style: normal;
1535
1520
  font-size: 25px;
1536
- font-size: 1.563rem;
1521
+ font-size: 1.5625rem;
1537
1522
  background: #5fc8ff;
1538
1523
  color: white;
1539
1524
  -moz-border-radius-topright: 0.1em;
@@ -1578,10 +1563,9 @@ body {
1578
1563
  }
1579
1564
  .row-col [class^="col"] {
1580
1565
  width: 100%;
1581
- min-height: 25px;
1582
1566
  display: block;
1583
1567
  float: left;
1584
- margin-left: 2.174%;
1568
+ margin-left: 2.17391%;
1585
1569
  -webkit-box-sizing: border-box;
1586
1570
  -moz-box-sizing: border-box;
1587
1571
  box-sizing: border-box;
@@ -1589,149 +1573,146 @@ body {
1589
1573
  .row-col [class^="col"]:first-child {
1590
1574
  margin-left: 0;
1591
1575
  }
1592
- .row-col [class^="col"] img {
1593
- max-width: 100%;
1594
- }
1595
1576
  .row-col .col1 {
1596
- width: 6.341%;
1577
+ width: 6.34058%;
1597
1578
  }
1598
1579
  .ie7 .row-col .col1 {
1599
- width: 6.249%;
1580
+ width: 6.24858%;
1600
1581
  }
1601
1582
  .row-col [class^="col"].offset1 {
1602
- margin-left: 10.507%;
1583
+ margin-left: 10.50725%;
1603
1584
  }
1604
1585
  .row-col [class^="col"].offset1:first-child {
1605
- margin-left: 8.424%;
1586
+ margin-left: 8.42391%;
1606
1587
  }
1607
1588
  .row-col .col2 {
1608
- width: 14.855%;
1589
+ width: 14.85507%;
1609
1590
  }
1610
1591
  .ie7 .row-col .col2 {
1611
- width: 14.763%;
1592
+ width: 14.76307%;
1612
1593
  }
1613
1594
  .row-col [class^="col"].offset2 {
1614
- margin-left: 19.022%;
1595
+ margin-left: 19.02174%;
1615
1596
  }
1616
1597
  .row-col [class^="col"].offset2:first-child {
1617
- margin-left: 16.938%;
1598
+ margin-left: 16.93841%;
1618
1599
  }
1619
1600
  .row-col .col3 {
1620
- width: 23.37%;
1601
+ width: 23.36957%;
1621
1602
  }
1622
1603
  .ie7 .row-col .col3 {
1623
- width: 23.278%;
1604
+ width: 23.27757%;
1624
1605
  }
1625
1606
  .row-col [class^="col"].offset3 {
1626
- margin-left: 27.536%;
1607
+ margin-left: 27.53623%;
1627
1608
  }
1628
1609
  .row-col [class^="col"].offset3:first-child {
1629
- margin-left: 25.453%;
1610
+ margin-left: 25.4529%;
1630
1611
  }
1631
1612
  .row-col .col4 {
1632
- width: 31.884%;
1613
+ width: 31.88406%;
1633
1614
  }
1634
1615
  .ie7 .row-col .col4 {
1635
- width: 31.792%;
1616
+ width: 31.79206%;
1636
1617
  }
1637
1618
  .row-col [class^="col"].offset4 {
1638
- margin-left: 36.051%;
1619
+ margin-left: 36.05072%;
1639
1620
  }
1640
1621
  .row-col [class^="col"].offset4:first-child {
1641
- margin-left: 33.967%;
1622
+ margin-left: 33.96739%;
1642
1623
  }
1643
1624
  .row-col .col5 {
1644
- width: 40.399%;
1625
+ width: 40.39855%;
1645
1626
  }
1646
1627
  .ie7 .row-col .col5 {
1647
- width: 40.307%;
1628
+ width: 40.30655%;
1648
1629
  }
1649
1630
  .row-col [class^="col"].offset5 {
1650
- margin-left: 44.565%;
1631
+ margin-left: 44.56522%;
1651
1632
  }
1652
1633
  .row-col [class^="col"].offset5:first-child {
1653
- margin-left: 42.482%;
1634
+ margin-left: 42.48188%;
1654
1635
  }
1655
1636
  .row-col .col6 {
1656
- width: 48.913%;
1637
+ width: 48.91304%;
1657
1638
  }
1658
1639
  .ie7 .row-col .col6 {
1659
- width: 48.821%;
1640
+ width: 48.82104%;
1660
1641
  }
1661
1642
  .row-col [class^="col"].offset6 {
1662
- margin-left: 53.08%;
1643
+ margin-left: 53.07971%;
1663
1644
  }
1664
1645
  .row-col [class^="col"].offset6:first-child {
1665
- margin-left: 50.996%;
1646
+ margin-left: 50.99638%;
1666
1647
  }
1667
1648
  .row-col .col7 {
1668
- width: 57.428%;
1649
+ width: 57.42754%;
1669
1650
  }
1670
1651
  .ie7 .row-col .col7 {
1671
- width: 57.336%;
1652
+ width: 57.33554%;
1672
1653
  }
1673
1654
  .row-col [class^="col"].offset7 {
1674
- margin-left: 61.594%;
1655
+ margin-left: 61.5942%;
1675
1656
  }
1676
1657
  .row-col [class^="col"].offset7:first-child {
1677
- margin-left: 59.511%;
1658
+ margin-left: 59.51087%;
1678
1659
  }
1679
1660
  .row-col .col8 {
1680
- width: 65.942%;
1661
+ width: 65.94203%;
1681
1662
  }
1682
1663
  .ie7 .row-col .col8 {
1683
- width: 65.85%;
1664
+ width: 65.85003%;
1684
1665
  }
1685
1666
  .row-col [class^="col"].offset8 {
1686
- margin-left: 70.109%;
1667
+ margin-left: 70.1087%;
1687
1668
  }
1688
1669
  .row-col [class^="col"].offset8:first-child {
1689
- margin-left: 68.025%;
1670
+ margin-left: 68.02536%;
1690
1671
  }
1691
1672
  .row-col .col9 {
1692
- width: 74.457%;
1673
+ width: 74.45652%;
1693
1674
  }
1694
1675
  .ie7 .row-col .col9 {
1695
- width: 74.365%;
1676
+ width: 74.36452%;
1696
1677
  }
1697
1678
  .row-col [class^="col"].offset9 {
1698
- margin-left: 78.623%;
1679
+ margin-left: 78.62319%;
1699
1680
  }
1700
1681
  .row-col [class^="col"].offset9:first-child {
1701
- margin-left: 76.54%;
1682
+ margin-left: 76.53986%;
1702
1683
  }
1703
1684
  .row-col .col10 {
1704
- width: 82.971%;
1685
+ width: 82.97101%;
1705
1686
  }
1706
1687
  .ie7 .row-col .col10 {
1707
- width: 82.879%;
1688
+ width: 82.87901%;
1708
1689
  }
1709
1690
  .row-col [class^="col"].offset10 {
1710
- margin-left: 87.138%;
1691
+ margin-left: 87.13768%;
1711
1692
  }
1712
1693
  .row-col [class^="col"].offset10:first-child {
1713
- margin-left: 85.054%;
1694
+ margin-left: 85.05435%;
1714
1695
  }
1715
1696
  .row-col .col11 {
1716
- width: 91.486%;
1697
+ width: 91.48551%;
1717
1698
  }
1718
1699
  .ie7 .row-col .col11 {
1719
- width: 91.394%;
1700
+ width: 91.39351%;
1720
1701
  }
1721
1702
  .row-col [class^="col"].offset11 {
1722
- margin-left: 95.652%;
1703
+ margin-left: 95.65217%;
1723
1704
  }
1724
1705
  .row-col [class^="col"].offset11:first-child {
1725
- margin-left: 93.569%;
1706
+ margin-left: 93.56884%;
1726
1707
  }
1727
1708
  .row-col .col12 {
1728
1709
  width: 100%;
1729
1710
  }
1730
1711
  .row-col [class^="col"].offset12 {
1731
- margin-left: 104.167%;
1712
+ margin-left: 104.16667%;
1732
1713
  }
1733
1714
  .row-col [class^="col"].offset12:first-child {
1734
- margin-left: 102.083%;
1715
+ margin-left: 102.08333%;
1735
1716
  }
1736
1717
 
1737
1718
  .row-col {
@@ -2234,9 +2215,12 @@ $button-3d-default-disabled-color : #FFF !default;
2234
2215
  color: $color;
2235
2216
  }
2236
2217
 
2218
+ span, span:active{
2219
+ @include background-image(linear-gradient($background, darken($background, 30)));
2220
+ }
2221
+
2237
2222
  span {
2238
2223
  background-color: $background;
2239
- @include background-image(linear-gradient($background, darken($background, 30)));
2240
2224
  @include box-shadow(
2241
2225
  0 0.1em 0.1em rgba(0, 0, 0, 0.5),
2242
2226
  inset 0 0.1em 0 rgba(255, 255, 255, 0.5)
@@ -2254,7 +2238,6 @@ $button-3d-default-disabled-color : #FFF !default;
2254
2238
 
2255
2239
  &:active{
2256
2240
  @include text-shadow(0 -1px 0 desaturate(invert($color), 100));
2257
- @include background-image(linear-gradient($background, darken($background, 30)));
2258
2241
  @include box-shadow(
2259
2242
  0 0.1em 0.1em rgba(0, 0, 0, 0.1),
2260
2243
  inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5),