archetype 0.0.1.pre.3.811928f → 0.0.1.pre.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +24 -1
  3. data/LICENSE +1 -1
  4. data/README.md +1 -1
  5. data/VERSION.yml +1 -1
  6. data/bin/archetype +3 -0
  7. data/lib/archetype.rb +4 -0
  8. data/lib/archetype/actions/help.rb +16 -0
  9. data/lib/archetype/actions/theme.rb +73 -0
  10. data/lib/archetype/executor.rb +27 -0
  11. data/lib/archetype/functions/hash.rb +28 -12
  12. data/lib/archetype/functions/helpers.rb +46 -13
  13. data/lib/archetype/functions/styleguide_memoizer.rb +9 -1
  14. data/lib/archetype/sass_extensions.rb +1 -0
  15. data/lib/archetype/sass_extensions/functions/lists.rb +34 -40
  16. data/lib/archetype/sass_extensions/functions/locale.rb +32 -16
  17. data/lib/archetype/sass_extensions/functions/styleguide.rb +115 -37
  18. data/lib/archetype/sass_extensions/functions/ui.rb +3 -2
  19. data/lib/archetype/sass_extensions/functions/version.rb +11 -6
  20. data/lib/archetype/sass_extensions/monkey_patches.rb +3 -0
  21. data/lib/archetype/sass_extensions/monkey_patches/handle_include_loop.rb +13 -0
  22. data/lib/archetype/version.rb +19 -12
  23. data/stylesheets/archetype/_base.scss +3 -0
  24. data/stylesheets/archetype/_config.scss +31 -7
  25. data/stylesheets/archetype/_hacks.scss +17 -5
  26. data/stylesheets/archetype/_ui.scss +64 -23
  27. data/stylesheets/archetype/styleguide/components/_buttons.scss +6 -6
  28. data/stylesheets/archetype/styleguide/components/_headlines.scss +1 -0
  29. data/stylesheets/archetype/styleguide/components/_links.scss +2 -0
  30. data/stylesheets/archetype/util/_styles.scss +59 -14
  31. data/stylesheets/archetype/util/_targeting.scss +1 -1
  32. data/templates/_theme/_components.scss +3 -0
  33. data/templates/_theme/_config.scss +1 -0
  34. data/templates/_theme/_core.scss +13 -0
  35. data/templates/_theme/_helpers.scss +1 -0
  36. data/templates/_theme/_primitives.scss +3 -0
  37. data/templates/_theme/components/README +1 -0
  38. data/templates/_theme/primitives/README +1 -0
  39. data/test/fixtures/stylesheets/archetype/config.rb +2 -0
  40. data/test/fixtures/stylesheets/archetype/expected/base.css +349 -0
  41. data/test/fixtures/stylesheets/archetype/expected/hacks/ie_pseudo.css +3 -3
  42. data/test/fixtures/stylesheets/archetype/expected/hacks/transparent_focusable.css +4 -0
  43. data/test/fixtures/stylesheets/archetype/expected/locale.css +23 -0
  44. data/test/fixtures/stylesheets/archetype/expected/styleguide/alerts.css +675 -0
  45. data/test/fixtures/stylesheets/archetype/expected/styleguide/buttons.css +110 -18
  46. data/test/fixtures/stylesheets/archetype/expected/styleguide/drop.css +63 -0
  47. data/test/fixtures/stylesheets/archetype/expected/styleguide/extend.css +7 -0
  48. data/test/fixtures/stylesheets/archetype/expected/styleguide/invalid_structures.css +21 -0
  49. data/test/fixtures/stylesheets/archetype/expected/styleguide/multi_value.css +13 -0
  50. data/test/fixtures/stylesheets/archetype/expected/styleguide/selective_state.css +3 -0
  51. data/test/fixtures/stylesheets/archetype/expected/ui/glyph_icon.css +116 -2
  52. data/test/fixtures/stylesheets/archetype/expected/utilities/associative.css +9 -0
  53. data/test/fixtures/stylesheets/archetype/expected/utilities/custom_output_styler.css +8 -0
  54. data/test/fixtures/stylesheets/archetype/expected/utilities/targeting/target-browser.css +5 -0
  55. data/test/fixtures/stylesheets/archetype/source/base.scss +3 -0
  56. data/test/fixtures/stylesheets/archetype/source/hacks/transparent_focusable.scss +5 -0
  57. data/test/fixtures/stylesheets/archetype/source/locale.scss +43 -0
  58. data/test/fixtures/stylesheets/archetype/source/styleguide/alerts.scss +21 -0
  59. data/test/fixtures/stylesheets/archetype/source/styleguide/buttons.scss +5 -1
  60. data/test/fixtures/stylesheets/archetype/source/styleguide/drop.scss +101 -0
  61. data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss +23 -0
  62. data/test/fixtures/stylesheets/archetype/source/styleguide/fallback_styles.scss +1 -1
  63. data/test/fixtures/stylesheets/archetype/source/styleguide/invalid_structures.scss +85 -0
  64. data/test/fixtures/stylesheets/archetype/source/styleguide/multi_value.scss +18 -0
  65. data/test/fixtures/stylesheets/archetype/source/styleguide/nested_styleguides.scss +1 -1
  66. data/test/fixtures/stylesheets/archetype/source/styleguide/selective_state.scss +1 -1
  67. data/test/fixtures/stylesheets/archetype/source/ui/glyph_icon.scss +30 -0
  68. data/test/fixtures/stylesheets/archetype/source/utilities/associative.scss +24 -0
  69. data/test/fixtures/stylesheets/archetype/source/utilities/custom_output_styler.scss +21 -0
  70. data/test/fixtures/stylesheets/archetype/source/utilities/targeting/target-browser.scss +8 -1
  71. data/test/helpers/test_case.rb +2 -2
  72. data/test/integrations/archetype_test.rb +3 -1
  73. data/test/units/sass_extensions_test.rb +18 -25
  74. metadata +108 -36
  75. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders-s7889ccc8c1.png +0 -0
data/test/fixtures/stylesheets/archetype/expected/styleguide/buttons.css CHANGED
@@ -6,6 +6,7 @@
6
6
  margin: 0;
7
7
  overflow: visible;
8
8
  text-decoration: none !important;
9
+ text-align: center;
9
10
  width: auto;
10
11
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
11
12
  -webkit-border-radius: 3px;
@@ -81,6 +82,7 @@
81
82
  margin: 0;
82
83
  overflow: visible;
83
84
  text-decoration: none !important;
85
+ text-align: center;
84
86
  width: auto;
85
87
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
86
88
  -webkit-border-radius: 3px;
@@ -156,6 +158,7 @@
156
158
  margin: 0;
157
159
  overflow: visible;
158
160
  text-decoration: none !important;
161
+ text-align: center;
159
162
  width: auto;
160
163
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
161
164
  -webkit-border-radius: 3px;
@@ -231,6 +234,7 @@
231
234
  margin: 0;
232
235
  overflow: visible;
233
236
  text-decoration: none !important;
237
+ text-align: center;
234
238
  width: auto;
235
239
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
236
240
  -webkit-border-radius: 3px;
@@ -306,6 +310,7 @@
306
310
  margin: 0;
307
311
  overflow: visible;
308
312
  text-decoration: none !important;
313
+ text-align: center;
309
314
  width: auto;
310
315
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
311
316
  -webkit-border-radius: 3px;
@@ -381,6 +386,7 @@
381
386
  margin: 0;
382
387
  overflow: visible;
383
388
  text-decoration: none !important;
389
+ text-align: center;
384
390
  width: auto;
385
391
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
386
392
  -webkit-border-radius: 3px;
@@ -456,6 +462,7 @@
456
462
  margin: 0;
457
463
  overflow: visible;
458
464
  text-decoration: none !important;
465
+ text-align: center;
459
466
  width: auto;
460
467
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
461
468
  -webkit-border-radius: 3px;
@@ -531,6 +538,7 @@
531
538
  margin: 0;
532
539
  overflow: visible;
533
540
  text-decoration: none !important;
541
+ text-align: center;
534
542
  width: auto;
535
543
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
536
544
  -webkit-border-radius: 3px;
@@ -606,6 +614,7 @@
606
614
  margin: 0;
607
615
  overflow: visible;
608
616
  text-decoration: none !important;
617
+ text-align: center;
609
618
  width: auto;
610
619
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
611
620
  -webkit-border-radius: 3px;
@@ -682,6 +691,7 @@
682
691
  margin: 0;
683
692
  overflow: visible;
684
693
  text-decoration: none !important;
694
+ text-align: center;
685
695
  width: auto;
686
696
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
687
697
  -webkit-border-radius: 3px;
@@ -698,7 +708,7 @@
698
708
  font-size: 16px;
699
709
  color: white;
700
710
  background-color: #0074cc;
701
- border-color: #1b5480;
711
+ border-color: #434343;
702
712
  *zoom: 1;
703
713
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
704
714
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -757,6 +767,7 @@
757
767
  margin: 0;
758
768
  overflow: visible;
759
769
  text-decoration: none !important;
770
+ text-align: center;
760
771
  width: auto;
761
772
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
762
773
  -webkit-border-radius: 3px;
@@ -773,7 +784,7 @@
773
784
  font-size: 16px;
774
785
  color: #333333;
775
786
  background-color: whitesmoke;
776
- border-color: #aaaaaa;
787
+ border-color: #434343;
777
788
  *zoom: 1;
778
789
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
779
790
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -832,6 +843,7 @@
832
843
  margin: 0;
833
844
  overflow: visible;
834
845
  text-decoration: none !important;
846
+ text-align: center;
835
847
  width: auto;
836
848
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
837
849
  -webkit-border-radius: 3px;
@@ -848,7 +860,7 @@
848
860
  font-size: 16px;
849
861
  color: white;
850
862
  background-color: #414141;
851
- border-color: #111111;
863
+ border-color: #434343;
852
864
  *zoom: 1;
853
865
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
854
866
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -907,6 +919,7 @@
907
919
  margin: 0;
908
920
  overflow: visible;
909
921
  text-decoration: none !important;
922
+ text-align: center;
910
923
  width: auto;
911
924
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
912
925
  -webkit-border-radius: 3px;
@@ -923,7 +936,7 @@
923
936
  font-size: 13px;
924
937
  color: white;
925
938
  background-color: #0074cc;
926
- border-color: #1b5480;
939
+ border-color: #434343;
927
940
  *zoom: 1;
928
941
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
929
942
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -982,6 +995,7 @@
982
995
  margin: 0;
983
996
  overflow: visible;
984
997
  text-decoration: none !important;
998
+ text-align: center;
985
999
  width: auto;
986
1000
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
987
1001
  -webkit-border-radius: 3px;
@@ -998,7 +1012,7 @@
998
1012
  font-size: 13px;
999
1013
  color: #333333;
1000
1014
  background-color: whitesmoke;
1001
- border-color: #aaaaaa;
1015
+ border-color: #434343;
1002
1016
  *zoom: 1;
1003
1017
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1004
1018
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1057,6 +1071,7 @@
1057
1071
  margin: 0;
1058
1072
  overflow: visible;
1059
1073
  text-decoration: none !important;
1074
+ text-align: center;
1060
1075
  width: auto;
1061
1076
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1062
1077
  -webkit-border-radius: 3px;
@@ -1073,7 +1088,7 @@
1073
1088
  font-size: 13px;
1074
1089
  color: white;
1075
1090
  background-color: #414141;
1076
- border-color: #111111;
1091
+ border-color: #434343;
1077
1092
  *zoom: 1;
1078
1093
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1079
1094
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1132,6 +1147,7 @@
1132
1147
  margin: 0;
1133
1148
  overflow: visible;
1134
1149
  text-decoration: none !important;
1150
+ text-align: center;
1135
1151
  width: auto;
1136
1152
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1137
1153
  -webkit-border-radius: 3px;
@@ -1148,7 +1164,7 @@
1148
1164
  font-size: 12px;
1149
1165
  color: white;
1150
1166
  background-color: #0074cc;
1151
- border-color: #1b5480;
1167
+ border-color: #434343;
1152
1168
  *zoom: 1;
1153
1169
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1154
1170
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1207,6 +1223,7 @@
1207
1223
  margin: 0;
1208
1224
  overflow: visible;
1209
1225
  text-decoration: none !important;
1226
+ text-align: center;
1210
1227
  width: auto;
1211
1228
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1212
1229
  -webkit-border-radius: 3px;
@@ -1223,7 +1240,7 @@
1223
1240
  font-size: 12px;
1224
1241
  color: #333333;
1225
1242
  background-color: whitesmoke;
1226
- border-color: #aaaaaa;
1243
+ border-color: #434343;
1227
1244
  *zoom: 1;
1228
1245
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1229
1246
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1282,6 +1299,7 @@
1282
1299
  margin: 0;
1283
1300
  overflow: visible;
1284
1301
  text-decoration: none !important;
1302
+ text-align: center;
1285
1303
  width: auto;
1286
1304
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1287
1305
  -webkit-border-radius: 3px;
@@ -1298,7 +1316,7 @@
1298
1316
  font-size: 12px;
1299
1317
  color: white;
1300
1318
  background-color: #414141;
1301
- border-color: #111111;
1319
+ border-color: #434343;
1302
1320
  *zoom: 1;
1303
1321
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1304
1322
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1358,6 +1376,7 @@
1358
1376
  margin: 0;
1359
1377
  overflow: visible;
1360
1378
  text-decoration: none !important;
1379
+ text-align: center;
1361
1380
  width: auto;
1362
1381
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1363
1382
  -webkit-border-radius: 3px;
@@ -1374,7 +1393,7 @@
1374
1393
  font-size: 16px;
1375
1394
  color: white;
1376
1395
  background-color: #0074cc;
1377
- border-color: #1b5480;
1396
+ border-color: #434343;
1378
1397
  *zoom: 1;
1379
1398
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1380
1399
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1433,6 +1452,7 @@
1433
1452
  margin: 0;
1434
1453
  overflow: visible;
1435
1454
  text-decoration: none !important;
1455
+ text-align: center;
1436
1456
  width: auto;
1437
1457
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1438
1458
  -webkit-border-radius: 3px;
@@ -1449,7 +1469,7 @@
1449
1469
  font-size: 16px;
1450
1470
  color: #333333;
1451
1471
  background-color: whitesmoke;
1452
- border-color: #aaaaaa;
1472
+ border-color: #434343;
1453
1473
  *zoom: 1;
1454
1474
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1455
1475
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1508,6 +1528,7 @@
1508
1528
  margin: 0;
1509
1529
  overflow: visible;
1510
1530
  text-decoration: none !important;
1531
+ text-align: center;
1511
1532
  width: auto;
1512
1533
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1513
1534
  -webkit-border-radius: 3px;
@@ -1524,7 +1545,7 @@
1524
1545
  font-size: 16px;
1525
1546
  color: white;
1526
1547
  background-color: #414141;
1527
- border-color: #111111;
1548
+ border-color: #434343;
1528
1549
  *zoom: 1;
1529
1550
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1530
1551
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1583,6 +1604,7 @@
1583
1604
  margin: 0;
1584
1605
  overflow: visible;
1585
1606
  text-decoration: none !important;
1607
+ text-align: center;
1586
1608
  width: auto;
1587
1609
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1588
1610
  -webkit-border-radius: 3px;
@@ -1599,7 +1621,7 @@
1599
1621
  font-size: 13px;
1600
1622
  color: white;
1601
1623
  background-color: #0074cc;
1602
- border-color: #1b5480;
1624
+ border-color: #434343;
1603
1625
  *zoom: 1;
1604
1626
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1605
1627
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1658,6 +1680,7 @@
1658
1680
  margin: 0;
1659
1681
  overflow: visible;
1660
1682
  text-decoration: none !important;
1683
+ text-align: center;
1661
1684
  width: auto;
1662
1685
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1663
1686
  -webkit-border-radius: 3px;
@@ -1674,7 +1697,7 @@
1674
1697
  font-size: 13px;
1675
1698
  color: #333333;
1676
1699
  background-color: whitesmoke;
1677
- border-color: #aaaaaa;
1700
+ border-color: #434343;
1678
1701
  *zoom: 1;
1679
1702
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1680
1703
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1733,6 +1756,7 @@
1733
1756
  margin: 0;
1734
1757
  overflow: visible;
1735
1758
  text-decoration: none !important;
1759
+ text-align: center;
1736
1760
  width: auto;
1737
1761
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1738
1762
  -webkit-border-radius: 3px;
@@ -1749,7 +1773,7 @@
1749
1773
  font-size: 13px;
1750
1774
  color: white;
1751
1775
  background-color: #414141;
1752
- border-color: #111111;
1776
+ border-color: #434343;
1753
1777
  *zoom: 1;
1754
1778
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1755
1779
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -1808,6 +1832,7 @@
1808
1832
  margin: 0;
1809
1833
  overflow: visible;
1810
1834
  text-decoration: none !important;
1835
+ text-align: center;
1811
1836
  width: auto;
1812
1837
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1813
1838
  -webkit-border-radius: 3px;
@@ -1824,7 +1849,7 @@
1824
1849
  font-size: 12px;
1825
1850
  color: white;
1826
1851
  background-color: #0074cc;
1827
- border-color: #1b5480;
1852
+ border-color: #434343;
1828
1853
  *zoom: 1;
1829
1854
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
1830
1855
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
@@ -1883,6 +1908,7 @@
1883
1908
  margin: 0;
1884
1909
  overflow: visible;
1885
1910
  text-decoration: none !important;
1911
+ text-align: center;
1886
1912
  width: auto;
1887
1913
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1888
1914
  -webkit-border-radius: 3px;
@@ -1899,7 +1925,7 @@
1899
1925
  font-size: 12px;
1900
1926
  color: #333333;
1901
1927
  background-color: whitesmoke;
1902
- border-color: #aaaaaa;
1928
+ border-color: #434343;
1903
1929
  *zoom: 1;
1904
1930
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
1905
1931
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
@@ -1958,6 +1984,7 @@
1958
1984
  margin: 0;
1959
1985
  overflow: visible;
1960
1986
  text-decoration: none !important;
1987
+ text-align: center;
1961
1988
  width: auto;
1962
1989
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
1963
1990
  -webkit-border-radius: 3px;
@@ -1974,7 +2001,7 @@
1974
2001
  font-size: 12px;
1975
2002
  color: white;
1976
2003
  background-color: #414141;
1977
- border-color: #111111;
2004
+ border-color: #434343;
1978
2005
  *zoom: 1;
1979
2006
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF555555', endColorstr='#FF222222');
1980
2007
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #222222));
@@ -2025,3 +2052,68 @@
2025
2052
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
2026
2053
  opacity: 0.6;
2027
2054
  }
2055
+
2056
+ .test-exclude {
2057
+ font-weight: bold;
2058
+ border-width: 1px;
2059
+ border-style: solid;
2060
+ margin: 0;
2061
+ overflow: visible;
2062
+ text-decoration: none !important;
2063
+ text-align: center;
2064
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
2065
+ -webkit-box-sizing: border-box;
2066
+ -moz-box-sizing: border-box;
2067
+ box-sizing: border-box;
2068
+ color: #333333;
2069
+ background-color: whitesmoke;
2070
+ border-color: #aaaaaa;
2071
+ *zoom: 1;
2072
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
2073
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
2074
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
2075
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
2076
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
2077
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
2078
+ white-space: nowrap;
2079
+ display: -moz-inline-stack;
2080
+ display: inline-block;
2081
+ vertical-align: middle;
2082
+ *vertical-align: auto;
2083
+ zoom: 1;
2084
+ *display: inline;
2085
+ vertical-align: middle;
2086
+ }
2087
+ .test-exclude.hover, .test-exclude:hover, .test-exclude.focus, .test-exclude:focus {
2088
+ background-color: #e6e6e6;
2089
+ *zoom: 1;
2090
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
2091
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
2092
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
2093
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
2094
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
2095
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
2096
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2097
+ -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2098
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
2099
+ }
2100
+ .test-exclude.active, .test-exclude:active {
2101
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2102
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2103
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
2104
+ }
2105
+ .test-exclude.disabled, .test-exclude[disabled] {
2106
+ background-color: #e6e6e6;
2107
+ *zoom: 1;
2108
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE4E4E4');
2109
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e4e4e4));
2110
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4);
2111
+ background-image: -moz-linear-gradient(top, #f5f5f5, #e4e4e4);
2112
+ background-image: -o-linear-gradient(top, #f5f5f5, #e4e4e4);
2113
+ background-image: linear-gradient(top, #f5f5f5, #e4e4e4);
2114
+ -webkit-box-shadow: none;
2115
+ -moz-box-shadow: none;
2116
+ box-shadow: none;
2117
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
2118
+ opacity: 0.6;
2119
+ }
data/test/fixtures/stylesheets/archetype/expected/styleguide/drop.css ADDED
@@ -0,0 +1,63 @@
1
+ .dropping-styles-test {
2
+ /* should contain hover state and .test selector */
3
+ display: block;
4
+ color: red;
5
+ background: green;
6
+ }
7
+ .dropping-styles-test.hover, .dropping-styles-test:hover, .dropping-styles-test.focus, .dropping-styles-test:focus {
8
+ background: #eeeeee;
9
+ border: 2px solid red;
10
+ }
11
+ .dropping-styles-test.hover .test, .dropping-styles-test:hover .test, .dropping-styles-test.focus .test, .dropping-styles-test:focus .test {
12
+ padding: 100px;
13
+ margin: 20px;
14
+ }
15
+ .dropping-styles-test.parent {
16
+ /* should contain hover state and .test selector */
17
+ display: none;
18
+ color: black;
19
+ background: green;
20
+ }
21
+ .dropping-styles-test.parent.hover, .dropping-styles-test.parent:hover, .dropping-styles-test.parent.focus, .dropping-styles-test.parent:focus {
22
+ background: #eeeeee;
23
+ border: 2px solid red;
24
+ }
25
+ .dropping-styles-test.parent.hover .test, .dropping-styles-test.parent:hover .test, .dropping-styles-test.parent.focus .test, .dropping-styles-test.parent:focus .test {
26
+ padding: 100px;
27
+ margin: 20px;
28
+ }
29
+ .dropping-styles-test.heir {
30
+ /* should contain hover state and .test selector */
31
+ display: none;
32
+ color: black;
33
+ background: green;
34
+ }
35
+ .dropping-styles-test.heir.hover, .dropping-styles-test.heir:hover, .dropping-styles-test.heir.focus, .dropping-styles-test.heir:focus {
36
+ background: #eeeeee;
37
+ border: 2px solid red;
38
+ }
39
+ .dropping-styles-test.heir.hover .test, .dropping-styles-test.heir:hover .test, .dropping-styles-test.heir.focus .test, .dropping-styles-test.heir:focus .test {
40
+ padding: 100px;
41
+ margin: 20px;
42
+ }
43
+ .dropping-styles-test.dropped {
44
+ /* should only contain color:yellow */
45
+ color: yellow;
46
+ }
47
+ .dropping-styles-test.dropped2 {
48
+ /* should contain color:yellow, custom :hover, :active */
49
+ color: yellow;
50
+ }
51
+ .dropping-styles-test.dropped2.hover, .dropping-styles-test.dropped2:hover, .dropping-styles-test.dropped2.focus, .dropping-styles-test.dropped2:focus {
52
+ color: blue;
53
+ }
54
+ .dropping-styles-test.dropped2.active, .dropping-styles-test.dropped2:active {
55
+ color: green;
56
+ width: 100%;
57
+ }
58
+ .dropping-styles-test.dropped3 {
59
+ /* should only contain color:purple */
60
+ display: block;
61
+ color: purple;
62
+ background: green;
63
+ }