compass 0.13.alpha.4 → 0.13.alpha.5

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 (156) hide show
  1. checksums.yaml +7 -0
  2. data/README.markdown +2 -3
  3. data/Rakefile +91 -5
  4. data/VERSION.yml +1 -1
  5. data/examples/compass/images/emblem-a043c4f148.png +0 -0
  6. data/examples/compass/images/flag-03c3b29b35.png +0 -0
  7. data/examples/compass/images/flag-21cfbfbfc8.png +0 -0
  8. data/examples/css3/extensions/fancy-fonts/templates/project/Prociono.otf +0 -0
  9. data/features/command_line.feature +2 -6
  10. data/features/step_definitions/command_line_steps.rb +1 -0
  11. data/frameworks/compass/stylesheets/compass/_css3.scss +0 -1
  12. data/frameworks/compass/stylesheets/compass/_support.scss +353 -35
  13. data/frameworks/compass/stylesheets/compass/css3/_animation.scss +49 -48
  14. data/frameworks/compass/stylesheets/compass/css3/_appearance.scss +4 -8
  15. data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +15 -19
  16. data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +17 -19
  17. data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +4 -8
  18. data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +37 -39
  19. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +45 -20
  20. data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +6 -8
  21. data/frameworks/compass/stylesheets/compass/css3/_box.scss +12 -13
  22. data/frameworks/compass/stylesheets/compass/css3/_columns.scss +46 -26
  23. data/frameworks/compass/stylesheets/compass/css3/_deprecated-support.scss +272 -0
  24. data/frameworks/compass/stylesheets/compass/css3/_filter.scss +17 -10
  25. data/frameworks/compass/stylesheets/compass/css3/_flexbox.scss +134 -281
  26. data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +5 -5
  27. data/frameworks/compass/stylesheets/compass/css3/_hyphenation.scss +14 -11
  28. data/frameworks/compass/stylesheets/compass/css3/_images.scss +77 -67
  29. data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +15 -6
  30. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +6 -2
  31. data/frameworks/compass/stylesheets/compass/css3/_pie.scss +1 -73
  32. data/frameworks/compass/stylesheets/compass/css3/_regions.scss +7 -6
  33. data/frameworks/compass/stylesheets/compass/css3/_selection.scss +45 -17
  34. data/frameworks/compass/stylesheets/compass/css3/_shared.scss +4 -261
  35. data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +1 -1
  36. data/frameworks/compass/stylesheets/compass/css3/_transform.scss +24 -32
  37. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +102 -152
  38. data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +42 -27
  39. data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +2 -1
  40. data/frameworks/compass/stylesheets/compass/typography/links/_hover-link.scss +1 -1
  41. data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +2 -2
  42. data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +1 -1
  43. data/frameworks/compass/stylesheets/compass/typography/text/_ellipsis.scss +1 -1
  44. data/frameworks/compass/stylesheets/compass/utilities/_sass.scss +2 -0
  45. data/frameworks/compass/stylesheets/compass/utilities/color/_brightness.scss +12 -0
  46. data/frameworks/compass/stylesheets/compass/utilities/color/_contrast.scss +36 -12
  47. data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +6 -2
  48. data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +23 -4
  49. data/frameworks/compass/stylesheets/compass/utilities/general/_min.scss +1 -1
  50. data/frameworks/compass/stylesheets/compass/utilities/sass/_lists.scss +16 -0
  51. data/frameworks/compass/stylesheets/compass/utilities/sass/_maps.scss +19 -0
  52. data/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss +25 -18
  53. data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +3 -1
  54. data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss +3 -3
  55. data/lib/compass.rb +1 -1
  56. data/lib/compass/browser_support.rb +1 -1
  57. data/lib/compass/caniuse.rb +247 -0
  58. data/lib/compass/configuration/adapters.rb +7 -1
  59. data/lib/compass/sass_extensions/functions.rb +5 -0
  60. data/lib/compass/sass_extensions/functions/constants.rb +2 -2
  61. data/lib/compass/sass_extensions/functions/cross_browser_support.rb +176 -1
  62. data/lib/compass/sass_extensions/functions/display.rb +24 -19
  63. data/lib/compass/sass_extensions/functions/env.rb +37 -8
  64. data/lib/compass/sass_extensions/functions/gradient_support.rb +10 -13
  65. data/lib/compass/sass_extensions/functions/math.rb +31 -13
  66. data/lib/compass/sass_extensions/functions/sprites.rb +48 -25
  67. data/lib/compass/sass_extensions/monkey_patches/browser_support.rb +42 -13
  68. data/lib/compass/sass_extensions/sprites/image.rb +14 -4
  69. data/lib/compass/sass_extensions/sprites/image_methods.rb +19 -3
  70. data/lib/compass/sprite_importer/content.erb +8 -7
  71. data/lib/compass/watcher/project_watcher.rb +75 -42
  72. data/lib/compass/watcher/watch.rb +35 -17
  73. data/test/fixtures/sprites/public/images/focus/ten-by-ten.png +0 -0
  74. data/test/fixtures/sprites/public/images/focus/ten-by-ten_active.png +0 -0
  75. data/test/fixtures/sprites/public/images/focus/ten-by-ten_focus.png +0 -0
  76. data/test/fixtures/sprites/public/images/focus/ten-by-ten_hover.png +0 -0
  77. data/test/fixtures/sprites/public/images/focus/ten-by-ten_target.png +0 -0
  78. data/test/fixtures/stylesheets/compass/config.rb +1 -0
  79. data/test/fixtures/stylesheets/compass/css/animation-with-legacy-ie.css +1 -9
  80. data/test/fixtures/stylesheets/compass/css/animation.css +1 -9
  81. data/test/fixtures/stylesheets/compass/css/appearance.css +3 -0
  82. data/test/fixtures/stylesheets/compass/css/background-clip.css +4 -8
  83. data/test/fixtures/stylesheets/compass/css/background-origin.css +4 -8
  84. data/test/fixtures/stylesheets/compass/css/background-size.css +3 -10
  85. data/test/fixtures/stylesheets/compass/css/border_radius.css +3 -3
  86. data/test/fixtures/stylesheets/compass/css/{box-sizeing.css → box-sizing.css} +2 -2
  87. data/test/fixtures/stylesheets/compass/css/box_shadow.css +15 -5
  88. data/test/fixtures/stylesheets/compass/css/brightness.css +14 -0
  89. data/test/fixtures/stylesheets/compass/css/browser-support.css +306 -0
  90. data/test/fixtures/stylesheets/compass/css/color.css +18 -0
  91. data/test/fixtures/stylesheets/compass/css/columns.css +27 -18
  92. data/test/fixtures/stylesheets/compass/css/filters.css +6 -6
  93. data/test/fixtures/stylesheets/compass/css/flexbox.css +84 -111
  94. data/test/fixtures/stylesheets/compass/css/fonts.css +1 -1
  95. data/test/fixtures/stylesheets/compass/css/gradients.css +53 -53
  96. data/test/fixtures/stylesheets/compass/css/grid_background.css +11 -11
  97. data/test/fixtures/stylesheets/compass/css/hyphenation.css +2 -4
  98. data/test/fixtures/stylesheets/compass/css/lists.css +6 -12
  99. data/test/fixtures/stylesheets/compass/css/regions.css +2 -2
  100. data/test/fixtures/stylesheets/compass/css/selection.css +41 -4
  101. data/test/fixtures/stylesheets/compass/css/sprites_with_explicit_separator.css +16 -0
  102. data/test/fixtures/stylesheets/compass/css/support.css +62 -0
  103. data/test/fixtures/stylesheets/compass/css/transform.css +64 -136
  104. data/test/fixtures/stylesheets/compass/css/transition.css +27 -45
  105. data/test/fixtures/stylesheets/compass/css/typography/links/hover-link.css +4 -0
  106. data/test/fixtures/stylesheets/compass/css/user-interface.css +34 -7
  107. data/test/fixtures/stylesheets/compass/css/utilities.css +7 -7
  108. data/test/fixtures/stylesheets/compass/css/vertical_rhythm.css +6 -9
  109. data/test/fixtures/stylesheets/compass/images/flag_states-sc42d7bf926.png +0 -0
  110. data/test/fixtures/stylesheets/compass/images/flag_states/foo.png +0 -0
  111. data/test/fixtures/stylesheets/compass/images/flag_states/foo_active.png +0 -0
  112. data/test/fixtures/stylesheets/compass/images/flag_states/foo_focus.png +0 -0
  113. data/test/fixtures/stylesheets/compass/images/flag_states/foo_hover.png +0 -0
  114. data/test/fixtures/stylesheets/compass/images/flag_states/foo_target.png +0 -0
  115. data/test/fixtures/stylesheets/compass/sass/animation-with-legacy-ie.scss +1 -3
  116. data/test/fixtures/stylesheets/compass/sass/appearance.scss +5 -0
  117. data/test/fixtures/stylesheets/compass/sass/background-clip.scss +0 -5
  118. data/test/fixtures/stylesheets/compass/sass/background-origin.scss +0 -5
  119. data/test/fixtures/stylesheets/compass/sass/background-size.scss +0 -5
  120. data/test/fixtures/stylesheets/compass/sass/{box-sizeing.scss → box-sizing.scss} +1 -1
  121. data/test/fixtures/stylesheets/compass/sass/box_shadow.scss +2 -0
  122. data/test/fixtures/stylesheets/compass/sass/brightness.scss +12 -0
  123. data/test/fixtures/stylesheets/compass/sass/browser-support.scss +30 -0
  124. data/test/fixtures/stylesheets/compass/sass/color.scss +22 -0
  125. data/test/fixtures/stylesheets/compass/sass/filters.scss +1 -0
  126. data/test/fixtures/stylesheets/compass/sass/flexbox.scss +84 -40
  127. data/test/fixtures/stylesheets/compass/sass/gradients.sass +3 -2
  128. data/test/fixtures/stylesheets/compass/sass/selection.scss +29 -4
  129. data/test/fixtures/stylesheets/compass/sass/sprites_with_explicit_separator.scss +7 -0
  130. data/test/fixtures/stylesheets/compass/sass/support.scss +137 -0
  131. data/test/fixtures/stylesheets/compass/sass/transition.scss +0 -3
  132. data/test/fixtures/stylesheets/compass/sass/typography/links/hover-link.scss +3 -0
  133. data/test/fixtures/stylesheets/compass/sass/user-interface.scss +16 -5
  134. data/test/fixtures/stylesheets/compass/sass/utilities.scss +4 -4
  135. data/test/fixtures/stylesheets/envtest/css/env.css +4 -4
  136. data/test/fixtures/stylesheets/envtest/tmp/env.css +4 -4
  137. data/test/integrations/sprites_test.rb +30 -1
  138. data/test/test_helper.rb +2 -2
  139. data/test/units/caniuse_test.rb +115 -0
  140. data/test/units/command_line_test.rb +1 -0
  141. data/test/units/sass_extensions_test.rb +5 -0
  142. data/test/units/sprites/image_test.rb +12 -0
  143. data/test/units/sprites/sprite_map_test.rb +11 -0
  144. data/test/units/watcher/project_watcher_test.rb +26 -18
  145. metadata +96 -42
  146. data/examples/compass/src/pie.scss +0 -110
  147. data/frameworks/compass/stylesheets/compass/css3/_transform-legacy.scss +0 -87
  148. data/frameworks/compass/templates/pie/LICENSE +0 -12
  149. data/frameworks/compass/templates/pie/LICENSE-APACHE2.txt +0 -13
  150. data/frameworks/compass/templates/pie/LICENSE-GPL2.txt +0 -278
  151. data/frameworks/compass/templates/pie/PIE.htc +0 -96
  152. data/frameworks/compass/templates/pie/manifest.rb +0 -39
  153. data/frameworks/compass/templates/pie/pie.scss +0 -74
  154. data/lib/compass/sass_extensions/functions/utility.rb +0 -10
  155. data/test/fixtures/stylesheets/compass/css/pie.css +0 -23
  156. data/test/fixtures/stylesheets/compass/sass/pie.scss +0 -47
@@ -1,125 +1,134 @@
1
1
  .columns {
2
- -webkit-columns: 20em 5;
3
2
  -moz-columns: 20em 5;
3
+ -webkit-columns: 20em 5;
4
4
  columns: 20em 5; }
5
5
 
6
6
  .column-count {
7
- -webkit-column-count: 5;
8
7
  -moz-column-count: 5;
8
+ -webkit-column-count: 5;
9
9
  column-count: 5; }
10
10
 
11
11
  .column-gap {
12
- -webkit-column-gap: 10px;
13
12
  -moz-column-gap: 10px;
13
+ -webkit-column-gap: 10px;
14
14
  column-gap: 10px; }
15
15
 
16
16
  .column-width {
17
- -webkit-column-width: 90px;
18
17
  -moz-column-width: 90px;
18
+ -webkit-column-width: 90px;
19
19
  column-width: 90px; }
20
20
 
21
21
  .column-span {
22
- -webkit-column-span: all;
23
22
  -moz-column-span: all;
23
+ -webkit-column-span: all;
24
24
  column-span: all; }
25
25
 
26
26
  .column-rule-width {
27
- -webkit-rule-width: 1px;
28
27
  -moz-rule-width: 1px;
28
+ -webkit-rule-width: 1px;
29
29
  rule-width: 1px; }
30
30
 
31
31
  .column-rule-style {
32
- -webkit-rule-style: dotted;
33
32
  -moz-rule-style: dotted;
33
+ -webkit-rule-style: dotted;
34
34
  rule-style: dotted; }
35
35
 
36
36
  .column-rule-color {
37
- -webkit-rule-color: blue;
38
37
  -moz-rule-color: blue;
38
+ -webkit-rule-color: blue;
39
39
  rule-color: blue; }
40
40
 
41
41
  .column-rule {
42
- -webkit-column-rule: 1px solid blue;
43
42
  -moz-column-rule: 1px solid blue;
43
+ -webkit-column-rule: 1px solid blue;
44
44
  column-rule: 1px solid blue; }
45
45
 
46
46
  .column-rule-spaced {
47
- -webkit-column-rule: 1px solid blue;
48
47
  -moz-column-rule: 1px solid blue;
48
+ -webkit-column-rule: 1px solid blue;
49
49
  column-rule: 1px solid blue; }
50
50
 
51
51
  .column-break-before {
52
+ break-before: always;
52
53
  -webkit-column-break-before: always;
53
54
  break-before: always; }
54
55
 
55
56
  .column-break-after {
57
+ break-after: always;
56
58
  -webkit-column-break-after: always;
57
59
  break-after: always; }
58
60
 
59
61
  .column-break-inside {
62
+ break-inside: auto;
60
63
  -webkit-column-break-inside: auto;
61
64
  break-inside: auto; }
62
65
 
63
66
  .column-count {
64
- -webkit-column-count: 5;
65
67
  -moz-column-count: 5;
68
+ -webkit-column-count: 5;
66
69
  column-count: 5; }
67
70
 
68
71
  .column-gap {
69
- -webkit-column-gap: 10px;
70
72
  -moz-column-gap: 10px;
73
+ -webkit-column-gap: 10px;
71
74
  column-gap: 10px; }
72
75
 
73
76
  .column-width {
74
- -webkit-column-width: 90px;
75
77
  -moz-column-width: 90px;
78
+ -webkit-column-width: 90px;
76
79
  column-width: 90px; }
77
80
 
78
81
  .column-rule-width {
79
- -webkit-rule-width: 1px;
80
82
  -moz-rule-width: 1px;
83
+ -webkit-rule-width: 1px;
81
84
  rule-width: 1px; }
82
85
 
83
86
  .column-rule-style {
84
- -webkit-rule-style: dotted;
85
87
  -moz-rule-style: dotted;
88
+ -webkit-rule-style: dotted;
86
89
  rule-style: dotted; }
87
90
 
88
91
  .column-rule-color {
89
- -webkit-rule-color: blue;
90
92
  -moz-rule-color: blue;
93
+ -webkit-rule-color: blue;
91
94
  rule-color: blue; }
92
95
 
93
96
  .column-rule {
94
- -webkit-column-rule: 1px solid blue;
95
97
  -moz-column-rule: 1px solid blue;
98
+ -webkit-column-rule: 1px solid blue;
96
99
  column-rule: 1px solid blue; }
97
100
 
98
101
  .column-rule-spaced {
99
- -webkit-column-rule: 1px solid blue;
100
102
  -moz-column-rule: 1px solid blue;
103
+ -webkit-column-rule: 1px solid blue;
101
104
  column-rule: 1px solid blue; }
102
105
 
103
106
  .column-break-before {
107
+ break-before: always;
104
108
  -webkit-column-break-before: always;
105
109
  break-before: always; }
106
110
 
107
111
  .column-break-after {
112
+ break-after: always;
108
113
  -webkit-column-break-after: always;
109
114
  break-after: always; }
110
115
 
111
116
  .column-break-inside {
117
+ break-inside: auto;
112
118
  -webkit-column-break-inside: auto;
113
119
  break-inside: auto; }
114
120
 
115
121
  .column-break-before-shortcut {
122
+ break-before: always;
116
123
  -webkit-column-break-before: always;
117
124
  break-before: always; }
118
125
 
119
126
  .column-break-after-shortcut {
127
+ break-after: always;
120
128
  -webkit-column-break-after: always;
121
129
  break-after: always; }
122
130
 
123
131
  .column-break-inside-shortcut {
132
+ break-inside: auto;
124
133
  -webkit-column-break-inside: auto;
125
134
  break-inside: auto; }
@@ -1,29 +1,29 @@
1
1
  .blur {
2
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
2
3
  -webkit-filter: blur(5px);
3
- -moz-filter: blur(5px);
4
4
  filter: blur(5px); }
5
5
 
6
6
  .brightness {
7
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
7
8
  -webkit-filter: brightness(0.2);
8
- -moz-filter: brightness(0.2);
9
9
  filter: brightness(0.2); }
10
10
 
11
11
  .hue-rotate {
12
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
12
13
  -webkit-filter: hue-rotate(20deg);
13
- -moz-filter: hue-rotate(20deg);
14
14
  filter: hue-rotate(20deg); }
15
15
 
16
16
  .contrast {
17
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
17
18
  -webkit-filter: contrast(150%);
18
- -moz-filter: contrast(150%);
19
19
  filter: contrast(150%); }
20
20
 
21
21
  .grayscale {
22
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
22
23
  -webkit-filter: grayscale(150%);
23
- -moz-filter: grayscale(150%);
24
24
  filter: grayscale(150%); }
25
25
 
26
26
  .sepia {
27
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
27
28
  -webkit-filter: sepia(150%);
28
- -moz-filter: sepia(150%);
29
29
  filter: sepia(150%); }
@@ -1,121 +1,94 @@
1
- .flex {
2
- display: -webkit-flexbox;
3
- display: -ms-flexbox;
1
+ .display {
4
2
  display: -webkit-flex;
5
- display: flex;
6
- -webkit-flex-flow: column nowrap;
7
- -ms-flex-flow: column nowrap;
8
- flex-flow: column nowrap;
9
- -webkit-flex-pack: justify;
10
- -ms-flex-pack: justify;
11
- -webkit-justify-content: space-between;
12
- justify-content: space-between;
13
- -webkit-flex-line-pack: center;
14
- -ms-flex-line-pack: center;
15
- -webkit-align-content: center;
16
- align-content: center;
17
- -webkit-flex-align: end;
18
- -ms-flex-align: end;
19
- -webkit-align-items: flex-end;
20
- align-items: flex-end; }
3
+ display: flex; }
21
4
 
22
- .flex-item {
23
- -webkit-flex: 1 1 auto;
24
- -ms-flex: 1 1 auto;
25
- flex: 1 1 auto;
26
- -webkit-flex-item-align: start;
27
- -ms-flex-item-align: start;
28
- -webkit-align-self: flex-start;
29
- align-self: flex-start;
30
- -webkit-flex-order: 2;
31
- -ms-flex-order: 2;
32
- -webkit-order: 2;
33
- order: 2; }
5
+ .flex-direction {
6
+ -webkit-flex-direction: row-reverse;
7
+ flex-direction: row-reverse; }
34
8
 
35
- .flex-legacy {
36
- display: -webkit-box;
37
- display: -moz-box;
38
- display: -webkit-flexbox;
39
- display: -ms-flexbox;
40
- display: -webkit-flex;
41
- display: flex;
42
- -webkit-box-orient: horizontal;
43
- -moz-box-orient: horizontal;
44
- -webkit-box-direction: normal;
45
- -moz-box-direction: normal;
46
- -webkit-box-lines: single;
47
- -moz-box-lines: single;
48
- -webkit-flex-flow: row nowrap;
49
- -ms-flex-flow: row nowrap;
50
- flex-flow: row nowrap;
51
- -webkit-box-pack: end;
52
- -moz-box-pack: end;
53
- -webkit-flex-pack: end;
54
- -ms-flex-pack: end;
55
- -webkit-justify-content: flex-end;
56
- justify-content: flex-end;
57
- -webkit-box-align: start;
58
- -moz-box-align: start;
59
- -webkit-flex-line-pack: start;
60
- -ms-flex-line-pack: start;
61
- -webkit-align-content: flex-start;
62
- align-content: flex-start;
63
- -webkit-flex-align: baseline;
64
- -ms-flex-align: baseline;
65
- -webkit-align-items: baseline;
66
- align-items: baseline; }
9
+ .flex-wrap {
10
+ -webkit-flex-wrap: wrap-reverse;
11
+ flex-wrap: wrap-reverse; }
67
12
 
68
- .flex-item-legacy {
69
- -webkit-box-flex: 2;
70
- -moz-box-flex: 2;
71
- -webkit-flex: 2 1 20em;
72
- -ms-flex: 2 1 20em;
73
- flex: 2 1 20em;
74
- -webkit-flex-item-align: stretch;
75
- -ms-flex-item-align: stretch;
76
- -webkit-align-self: stretch;
77
- align-self: stretch;
78
- -webkit-box-ordinal-group: 4;
79
- -moz-box-ordinal-group: 4;
80
- -webkit-flex-order: 3;
81
- -ms-flex-order: 3;
82
- -webkit-order: 3;
83
- order: 3; }
13
+ .flex-flow {
14
+ -webkit-flex-flow: row-reverse wrap-reverse;
15
+ flex-flow: row-reverse wrap-reverse; }
84
16
 
85
- .flex-legacy {
86
- display: -webkit-flexbox;
87
- display: -ms-flexbox;
88
- display: -webkit-flex;
89
- -webkit-flex-flow: row wrap;
90
- -ms-flex-flow: row wrap;
91
- flex-flow: row wrap;
92
- -webkit-flex-pack: distribute;
93
- -ms-flex-pack: distribute;
94
- -webkit-justify-content: space-around;
95
- justify-content: space-around;
96
- -webkit-flex-line-pack: stretch;
97
- -ms-flex-line-pack: stretch;
98
- -webkit-align-content: stretch;
99
- align-content: stretch;
100
- -webkit-flex-align: start;
101
- -ms-flex-align: start;
17
+ .order {
18
+ -webkit-order: 1;
19
+ order: 1; }
20
+
21
+ .flex {
22
+ -webkit-flex: 1 0 auto;
23
+ flex: 1 0 auto; }
24
+
25
+ .flex-grow {
26
+ -webkit-flex-grow: 1;
27
+ flex-grow: 1; }
28
+
29
+ .flex-shrink {
30
+ -webkit-flex-shrink: 1;
31
+ flex-shrink: 1; }
32
+
33
+ .flex-basis {
34
+ -webkit-flex-basis: auto;
35
+ flex-basis: auto; }
36
+
37
+ .justify-content {
38
+ -webkit-justify-content: flex-start;
39
+ justify-content: flex-start; }
40
+
41
+ .align-items {
102
42
  -webkit-align-items: flex-start;
103
43
  align-items: flex-start; }
104
- @supports (flex-wrap: wrap) {
105
- .flex-legacy {
106
- display: flex; } }
107
44
 
108
- .flex-item-legacy {
109
- -webkit-box-flex: 1;
110
- -moz-box-flex: 1;
111
- -webkit-flex: 1 2 50%;
112
- -ms-flex: 1 2 50%;
113
- flex: 1 2 50%;
114
- -webkit-flex-item-align: start;
115
- -ms-flex-item-align: start;
45
+ .align-self {
116
46
  -webkit-align-self: flex-start;
117
- align-self: flex-start;
118
- -webkit-flex-order: 1;
119
- -ms-flex-order: 1;
47
+ align-self: flex-start; }
48
+
49
+ .align-content {
50
+ -webkit-align-content: flex-start;
51
+ align-content: flex-start; }
52
+
53
+ .flexbox {
54
+ display: -webkit-flex;
55
+ -webkit-flex-direction: row-reverse;
56
+ -webkit-flex-wrap: wrap-reverse;
57
+ -webkit-flex-flow: row-reverse wrap-reverse;
120
58
  -webkit-order: 1;
121
- order: 1; }
59
+ -webkit-flex: 1 0 auto;
60
+ -webkit-flex-grow: 1;
61
+ -webkit-flex-shrink: 0;
62
+ -webkit-flex-basis: auto;
63
+ -webkit-justify-content: flex-start;
64
+ -webkit-align-items: flex-start;
65
+ -webkit-align-self: flex-start;
66
+ -webkit-align-content: flex-start;
67
+ display: flex;
68
+ flex-direction: row-reverse;
69
+ flex-wrap: wrap-reverse;
70
+ flex-flow: row-reverse wrap-reverse;
71
+ order: 1;
72
+ flex: 1 0 auto;
73
+ flex-grow: 1;
74
+ flex-shrink: 0;
75
+ flex-basis: auto;
76
+ justify-content: flex-start;
77
+ align-items: flex-start;
78
+ align-self: flex-start;
79
+ align-content: flex-start; }
80
+
81
+ .flexbox-2 {
82
+ display: -ms-flexbox;
83
+ -ms-flex-flow: row-reverse;
84
+ -ms-flex-order: 1; }
85
+
86
+ .flexbox-1 {
87
+ display: -moz-box;
88
+ -moz-box-orient: vertical;
89
+ -moz-box-ordinal-group: 1;
90
+ -moz-box-flex: 1;
91
+ display: -webkit-box;
92
+ -webkit-box-orient: vertical;
93
+ -webkit-box-ordinal-group: 1;
94
+ -webkit-box-flex: 1; }
@@ -1,4 +1,4 @@
1
1
  @font-face {
2
2
  font-family: "font1";
3
3
  src: url('/tmp/fonts/font1.eot');
4
- src: url('/tmp/fonts/font1.eot?#iefix') format('eot'), url('/tmp/fonts/font1.woff') format('woff'); }
4
+ src: url('/tmp/fonts/font1.eot?#iefix') format('embedded-opentype'), url('/tmp/fonts/font1.woff') format('woff'); }
@@ -3,38 +3,38 @@
3
3
 
4
4
  .bg-shortcut-linear-gradient {
5
5
  background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
6
- background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
7
6
  background: white -moz-linear-gradient(top left, #dddddd, #aaaaaa);
8
7
  background: white -o-linear-gradient(top left, #dddddd, #aaaaaa);
8
+ background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
9
9
  background: white linear-gradient(to bottom right, #dddddd, #aaaaaa); }
10
10
 
11
11
  .bg-shortcut-radial-gradient {
12
12
  background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
13
- background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
14
13
  background: white -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
15
14
  background: white -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
15
+ background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
16
16
  background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }
17
17
 
18
18
  .bg-linear-gradient-angle-svg {
19
- background-image: -webkit-linear-gradient(135deg, #0000ff, #000000);
20
19
  background-image: -moz-linear-gradient(135deg, #0000ff, #000000);
21
20
  background-image: -o-linear-gradient(135deg, #0000ff, #000000);
21
+ background-image: -webkit-linear-gradient(135deg, #0000ff, #000000);
22
22
  background-image: linear-gradient(-45deg, #0000ff, #000000); }
23
23
 
24
24
  .bg-linear-gradient-angle2-svg {
25
25
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
26
26
  background-size: 100%;
27
- background-image: -webkit-linear-gradient(top left, #0000ff, #000000);
28
27
  background-image: -moz-linear-gradient(top left, #0000ff, #000000);
29
28
  background-image: -o-linear-gradient(top left, #0000ff, #000000);
29
+ background-image: -webkit-linear-gradient(top left, #0000ff, #000000);
30
30
  background-image: linear-gradient(to bottom right, #0000ff, #000000); }
31
31
 
32
32
  .bg-all-gradient-types-with-simplification {
33
33
  background: #ffcc00;
34
34
  background: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #ffcc00;
35
- background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
36
35
  background: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
37
36
  background: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
37
+ background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
38
38
  background: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00; }
39
39
 
40
40
  .bg-simple-image {
@@ -43,154 +43,154 @@
43
43
  .bg-linear-gradient {
44
44
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
45
45
  background-size: 100%;
46
- background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
47
46
  background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
48
47
  background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
48
+ background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
49
49
  background-image: linear-gradient(to bottom right, #dddddd, #aaaaaa); }
50
50
 
51
51
  .bg-linear-gradient-pixel-stop-from-top {
52
52
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
53
53
  background-size: 100%;
54
- background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
55
54
  background-image: -moz-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
56
55
  background-image: -o-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
56
+ background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
57
57
  background-image: linear-gradient(to bottom, #dddddd 10px, #aaaaaa 40px); }
58
58
 
59
59
  .bg-linear-gradient-pixel-stop-from-left {
60
60
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
61
61
  background-size: 100%;
62
- background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
63
62
  background-image: -moz-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
64
63
  background-image: -o-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
64
+ background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
65
65
  background-image: linear-gradient(to right, #dddddd 10px, #aaaaaa 40px); }
66
66
 
67
67
  .transparent-in-linear-gradient {
68
- background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iYmxhY2siIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
68
+ background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
69
69
  background-size: 100%;
70
- background-image: white -webkit-linear-gradient(top left, transparent, #aaaaaa);
71
- background-image: white -moz-linear-gradient(top left, transparent, #aaaaaa);
72
- background-image: white -o-linear-gradient(top left, transparent, #aaaaaa);
73
- background-image: white linear-gradient(to bottom right, transparent, #aaaaaa); }
70
+ background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
71
+ background-image: white -o-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
72
+ background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
73
+ background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), #aaaaaa); }
74
74
 
75
75
  .currentColor-in-linear-gradient {
76
- background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iYmxhY2siIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iY3VycmVudENvbG9yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
76
+ background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImN1cnJlbnRDb2xvciIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
77
77
  background-size: 100%;
78
- background-image: white -webkit-linear-gradient(top left, transparent, currentColor);
79
- background-image: white -moz-linear-gradient(top left, transparent, currentColor);
80
- background-image: white -o-linear-gradient(top left, transparent, currentColor);
81
- background-image: white linear-gradient(to bottom right, transparent, currentColor); }
78
+ background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
79
+ background-image: white -o-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
80
+ background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
81
+ background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), currentColor); }
82
82
 
83
83
  .rgba-in-linear-gradient {
84
84
  background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
85
85
  background-size: 100%;
86
- background-image: white -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
87
86
  background-image: white -moz-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
88
87
  background-image: white -o-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
88
+ background-image: white -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
89
89
  background-image: white linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1)); }
90
90
 
91
91
  .bg-radial-gradient {
92
- background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJibGFjayIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
92
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
93
93
  background-size: 100%;
94
- background-image: -webkit-radial-gradient(center center, #dddddd, transparent 100px);
95
- background-image: -moz-radial-gradient(center center, #dddddd, transparent 100px);
96
- background-image: -o-radial-gradient(center center, #dddddd, transparent 100px);
97
- background-image: radial-gradient(center center, #dddddd, transparent 100px); }
94
+ background-image: -moz-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
95
+ background-image: -o-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
96
+ background-image: -webkit-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
97
+ background-image: radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px); }
98
98
 
99
99
  .currentColor-in-radial-gradient {
100
- background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJjdXJyZW50Q29sb3IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImJsYWNrIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
100
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJjdXJyZW50Q29sb3IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
101
101
  background-size: 100%;
102
- background-image: -webkit-radial-gradient(center center, currentColor, transparent 100px);
103
- background-image: -moz-radial-gradient(center center, currentColor, transparent 100px);
104
- background-image: -o-radial-gradient(center center, currentColor, transparent 100px);
105
- background-image: radial-gradient(center center, currentColor, transparent 100px); }
102
+ background-image: -moz-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
103
+ background-image: -o-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
104
+ background-image: -webkit-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
105
+ background-image: radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px); }
106
106
 
107
107
  .bg-linear-gradient-with-angle {
108
- background-image: -webkit-linear-gradient(135deg, #dddddd, #aaaaaa);
109
108
  background-image: -moz-linear-gradient(135deg, #dddddd, #aaaaaa);
110
109
  background-image: -o-linear-gradient(135deg, #dddddd, #aaaaaa);
110
+ background-image: -webkit-linear-gradient(135deg, #dddddd, #aaaaaa);
111
111
  background-image: linear-gradient(-45deg, #dddddd, #aaaaaa); }
112
112
 
113
113
  .bg-radial-gradient-with-angle-and-shape {
114
114
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImVsbGlwc2UiIGN5PSJjb3ZlciIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
115
115
  background-size: 100%;
116
- background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
117
116
  background-image: -moz-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
118
117
  background-image: -o-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
118
+ background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
119
119
  background-image: radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px); }
120
120
 
121
121
  .bg-all-gradient-types {
122
122
  background-image: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
123
123
  background-size: 100%;
124
- background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
125
124
  background-image: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
126
125
  background-image: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
126
+ background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
127
127
  background-image: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px); }
128
128
 
129
129
  .border-image-gradient {
130
130
  -moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
131
- -webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
132
131
  -o-border-image: -o-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
133
- border-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 100 stretch;
132
+ -webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
133
+ border-image: -o-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
134
134
  border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; }
135
135
 
136
136
  .direct-list-image-plain {
137
137
  list-style-image: url('/images/4x6.png?busted=true'); }
138
138
 
139
139
  .shorthand-list-image-plain {
140
- list-style-image: outside url('/images/4x6.png?busted=true'); }
140
+ list-style: outside url('/images/4x6.png?busted=true'); }
141
141
 
142
142
  .direct-list-image-with-gradient {
143
+ list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
143
144
  list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);
144
- list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);
145
145
  list-style-image: -o-radial-gradient(#00ff00, #ff0000 10px);
146
- list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
146
+ list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);
147
147
  list-style-image: radial-gradient(#00ff00, #ff0000 10px); }
148
148
 
149
149
  .shorthand-list-image-with-gradient {
150
- list-style-image: outside -moz-radial-gradient(#00ff00, #ff0000 10px);
151
- list-style-image: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);
152
- list-style-image: outside -o-radial-gradient(#00ff00, #ff0000 10px);
153
- list-style-image: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
154
- list-style-image: outside radial-gradient(#00ff00, #ff0000 10px); }
150
+ list-style: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
151
+ list-style: outside -moz-radial-gradient(#00ff00, #ff0000 10px);
152
+ list-style: outside -o-radial-gradient(#00ff00, #ff0000 10px);
153
+ list-style: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);
154
+ list-style: outside radial-gradient(#00ff00, #ff0000 10px); }
155
155
 
156
156
  .content-plain {
157
157
  content: "asdf"; }
158
158
 
159
159
  .content-with-gradient {
160
+ content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
160
161
  content: -moz-radial-gradient(#00ff00, #ff0000 10px);
161
- content: -webkit-radial-gradient(#00ff00, #ff0000 10px);
162
162
  content: -o-radial-gradient(#00ff00, #ff0000 10px);
163
- content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
163
+ content: -webkit-radial-gradient(#00ff00, #ff0000 10px);
164
164
  content: radial-gradient(#00ff00, #ff0000 10px); }
165
165
 
166
166
  .bg-linear-gradient-no-position {
167
- background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);
168
167
  background-image: -moz-linear-gradient(#dddddd, #aaaaaa);
169
168
  background-image: -o-linear-gradient(#dddddd, #aaaaaa);
169
+ background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);
170
170
  background-image: linear-gradient(#dddddd, #aaaaaa); }
171
171
 
172
172
  .bg-radial-gradient-no-position {
173
- background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);
174
173
  background-image: -moz-radial-gradient(#dddddd, #aaaaaa 100px);
175
174
  background-image: -o-radial-gradient(#dddddd, #aaaaaa 100px);
175
+ background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);
176
176
  background-image: radial-gradient(#dddddd, #aaaaaa 100px); }
177
177
 
178
178
  .image-fallback {
179
- background-image: image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
180
179
  background-image: image(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
181
180
  background-image: image(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
181
+ background-image: image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
182
182
  background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000); }
183
183
 
184
184
  .cross-fade {
185
- background-image: cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
186
185
  background-image: cross-fade(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
187
186
  background-image: cross-fade(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
187
+ background-image: cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
188
188
  background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true')); }
189
189
 
190
190
  .unknown-function-wrapper {
191
- background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));
192
191
  background: foo(-moz-radial-gradient(#dddddd, #aaaaaa 100px));
193
192
  background: foo(-o-radial-gradient(#dddddd, #aaaaaa 100px));
193
+ background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));
194
194
  background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }
195
195
 
196
196
  .ie-horizontal-filter {
@@ -206,25 +206,25 @@
206
206
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }
207
207
 
208
208
  .linear-gradient-new {
209
- background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
210
209
  background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
211
210
  background: -o-linear-gradient(top, #ff0000 0%, #88aa44 100%);
211
+ background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
212
212
  background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
213
213
 
214
214
  .linear-gradient-old {
215
- background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
216
215
  background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
217
216
  background: -o-linear-gradient(top, #ff0000 0%, #88aa44 100%);
217
+ background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
218
218
  background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
219
219
 
220
220
  .linear-gradient-unknown-new {
221
- background: -webkit-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
222
221
  background: -moz-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
223
222
  background: -o-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
223
+ background: -webkit-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
224
224
  background: linear-gradient(120deg, #ff0000 0%, #88aa44 100%); }
225
225
 
226
226
  .linear-gradient-unknown-old {
227
- background: -webkit-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
228
227
  background: -moz-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
229
228
  background: -o-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
229
+ background: -webkit-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
230
230
  background: linear-gradient(330deg, #ff0000 0%, #88aa44 100%); }