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

Sign up to get free protection for your applications and to get access to all the features.
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%); }