zen-grids 2.0.0.beta.2 → 2.0.0.beta.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/zen-grids.rb +1 -1
  4. data/{_zen-grids.scss → stylesheets/_zen-grids.scss} +0 -0
  5. data/{zen-grids → stylesheets/zen-grids}/_background.scss +5 -3
  6. data/{zen-grids → stylesheets/zen-grids}/_flow.scss +1 -1
  7. data/{zen-grids → stylesheets/zen-grids}/_functions.scss +2 -2
  8. data/{zen-grids → stylesheets/zen-grids}/_grids.scss +13 -10
  9. data/stylesheets/zen-grids/_undo.scss +156 -0
  10. data/{zen-grids → stylesheets/zen-grids}/_variables.scss +0 -0
  11. data/{zen-grids → stylesheets/zen-grids}/internal/_functions-compass-polyfill.scss +2 -25
  12. data/{zen-grids → stylesheets/zen-grids}/internal/_variables-background.scss +0 -0
  13. data/zen-grids.gemspec +18 -13
  14. metadata +17 -48
  15. data/.travis.yml +0 -13
  16. data/bower.json +0 -27
  17. data/sache.json +0 -5
  18. data/tests/Gemfile +0 -11
  19. data/tests/README.md +0 -16
  20. data/tests/Rakefile +0 -25
  21. data/tests/config.rb +0 -22
  22. data/tests/controls/compass-compatibility.css +0 -112
  23. data/tests/controls/function-zen-direction-switch.css +0 -16
  24. data/tests/controls/function-zen-grid-item-width.css +0 -26
  25. data/tests/controls/function-zen-half-gutter.css +0 -24
  26. data/tests/controls/function-zen-unit-width.css +0 -22
  27. data/tests/controls/zen-float.css +0 -16
  28. data/tests/controls/zen-flow-item-width.css +0 -131
  29. data/tests/controls/zen-grid-background.css +0 -52
  30. data/tests/controls/zen-grid-container.css +0 -94
  31. data/tests/controls/zen-grid-item-base.css +0 -76
  32. data/tests/controls/zen-grid-item.css +0 -81
  33. data/tests/controls/zen-new-row.css +0 -16
  34. data/tests/tests/compass-compatibility.scss +0 -55
  35. data/tests/tests/function-zen-direction-switch.scss +0 -24
  36. data/tests/tests/function-zen-grid-item-width.scss +0 -44
  37. data/tests/tests/function-zen-half-gutter.scss +0 -37
  38. data/tests/tests/function-zen-unit-width.scss +0 -44
  39. data/tests/tests/zen-float.scss +0 -26
  40. data/tests/tests/zen-flow-item-width.scss +0 -85
  41. data/tests/tests/zen-grid-background.scss +0 -85
  42. data/tests/tests/zen-grid-container.scss +0 -49
  43. data/tests/tests/zen-grid-item-base.scss +0 -65
  44. data/tests/tests/zen-grid-item.scss +0 -101
  45. data/tests/tests/zen-new-row.scss +0 -26
  46. data/tests/unit_tests.rb +0 -57
data/tests/controls/zen-grid-background.css DELETED
@@ -1,52 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-background()
4
- */
5
- #test-zen-grid-background {
6
- /* Test zen-grid-background() with 1 column grid and 20px gutter */
7
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 50% top no-repeat, -moz-linear-gradient(left, #ffdede 50%, rgba(0, 0, 0, 0) 50%) 10px top no-repeat, -moz-linear-gradient(left, rgba(0, 0, 0, 0) 50%, #ffdede 50%) -10px top no-repeat;
8
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 50% top no-repeat, -o-linear-gradient(left, #ffdede 50%, rgba(0, 0, 0, 0) 50%) 10px top no-repeat, -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, #ffdede 50%) -10px top no-repeat;
9
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 50% top no-repeat, -webkit-linear-gradient(left, #ffdede 50%, rgba(0, 0, 0, 0) 50%) 10px top no-repeat, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, #ffdede 50%) -10px top no-repeat;
10
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 50% top no-repeat, linear-gradient(to right, #ffdede 50%, rgba(0, 0, 0, 0) 50%) 10px top no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #ffdede 50%) -10px top no-repeat;
11
- /* Test zen-grid-background() with margin gutter method, 5 column grid and 5% gutter */
12
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 8% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNqslL9LQlEUx3367AdamdCQaVjQ0uAQBS+hxbVBhEcESoOG/0SDS9HakDYGEU0huLa1GW4tGtkkURBlQRn4LPseOBdej0u+ygsffByvH98995zj6Ha7DqIfizyKkCmKYv1eBaPAB4ZpP3gDz/zZ+Y1wAEyBeTAH/OATPIBrUAP3oG0VOiRHVli2nslkTmu12pNhGF2iUqncxePxI3yngwDv7SkcAstYeSEy02w229FodB97NN77TeiU5NYDJlOp1KII5HK5y2QyWaZnr9frxvMSv6HH+mOZkPI3EgwGfSJQr9db5g2hUGiMZW47wg/QUlXVMAd1XQ+I50aj8cI3bUhrx5JD+ucI2ADb4DASiZyZ80j5pTzLcigTOlkaBqtgp1gs3ghZqVS6QmyTTm73lkXpTIBEOp0umm9Y07QDxFdkF/KTcBAsgC3k61UI8/n8BWJJrlOnXaEo7BQJhKxarTYR2+OiDnM1OOwWtkbFS0cUwlgsdo74MdgFa2AauOwIqW8ThUKhLOsUIpvNnmBPlIdGz06h1fH7/a6/jDDZtKEjz/ClzFrfAuudpw1d0C03wo/jS2HpOM9Da3tRd1CnPNodX/+a2H0XfgkwAIVYVeQ1/9a6AAAAAElFTkSuQmCC") 29% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe5JREFUeNqslM1LAkEYxnX7lL62CAmTwENkhyKwDkZg185dgvDQwS7RUQkvkRfzKNQfIF5CukjRJelk4EWwDmVUEJinaNlSMLPWnhdmYFvWGqiFH44z8z7zzjPvjKXZbFqI//hIx8rFrFarfkwCNiCDPtABNFADKngFH6KC1BgEE2ASOEE3E1DALbgCZfBuFLSYbJmC51wu1046nb5pNBpNTrFYVEKh0DHGV8AoW/xXQTsFJJPJC72YHq/Xu485Xrb4N0HJxFvybsjtdtt5Rzwev04kEvf8v9/v97CFbcbgdhPBT/AmSZLGOxRFaRgyoa22scP7VbACih6PZ5cdzAjoSqVS03xCoVB4wM8zLWxaOwYPaZEBMAXWI5HIud6/TCZTQv82mBX18MfP5/M5Y7HYAprDlLlIhpTdPNgEe+AQHOVyuSeeJZUT+taAQyRDuhnufD6/heANsBwOh8ey2ewTn+BwOPrZCXcYg80EycMeTdNa2lGpVN5ZNWgiglQitWq1Wtd3yrLcydvlclll1VAX8ZAehCUYf9rqpgQCgQPMWQS9IlePtuyiCxGNRs9UVa1zoVKpVA0GgycYWwVjrLiFnq9OFjADxlkm5NcLuAOX4NHstWklyEVlBvfvjb2HL8xri8iW//Ri/7vglwADAMZnRpCsTg8QAAAAAElFTkSuQmCC") 50% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqslDFLw0AYhpOaSFuiDjqViiUKVhACDpJCQycX/TVChCz+Evf8ALtlCGZyCW6uOiR4QusgSgtmiO/BBZJ4l1qSg4dwd19e7vvuvU9K01SiNDGojpyJybLMi9kEu2AHqGwtAZ/gA/ysI6iAPjgHx6DD1pfgGTwCUhaUKlLeBheO49wnSZLmwfotGPJSblWUZAscmKY55Ox1ciUoDJGgwmrXm0wmg3UuRiTYpWK2bY80TVN93yd1BWm6/fF4fEgnQRDM6ggW0iWELKbT6byOYCFdz/OIwJ9d3sW0BOn2LMvS6cR13TeBpfaZ4f96p+TDI3ATRdF32X8ZcRx/IeYa6P/x4YbIY7kfZZEXeYL0rS7wFIUdg+0tWWxxj/OW98AZOM0ag2EYgzAMr7IAVVXv8PHAA5jnU1Y4B6Cd5Am8sJvU2+32ZSnmHbyy2JUnLOzTGwcjcMLqVtltVgnyemJlP5Sa7tiNC/4KMAAbxb+98QKR2gAAAABJRU5ErkJggg==") 71% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc5JREFUeNqslM9KAlEUxp0xzSTNDHMoCiIKKRChXbgIAldKEK5y4Up9A5dufAMRRB8gwnW7lkV/EBcR0WzaBMEQFRNFlkNO34E7MU23msyBHzNz58x373fOPdeh67qDGMRFOkOccQEMg3EwBlyW7xp4AHega/2ZJ0gCM2AFLIARy/cOkMEJuAZvX5ZpsRwEyUajsa9pms4jn89vI2bVOhnpiJwVkt2JcDg82U8eeZZpEqd5IJPJHDebzVtmj3J3BBReDsU/LoAEn1keSazXl2AikQghd0mw2Wq10vF4nAo2DTx9CWaz2XnjORaLSYVCYR2Pc8BnR5BsdURR/NgO1Wr1rFKpnBvvkUiEChYCXjtFobx0U6nUHu4XxgSlUmnZCJAkycfEXHYE3dQh7XY7HY1Gp2igXC63e72e1Y2T55BnmQI9ZgG/3+/Fu5OTGltVfqFelWX5xhgIBAJuc4CiKI+4PbG+dvzWeqNgLZfL7XzXevV6/QAxG9RRVi2eIFmbBVvFYnEXK703hFRVfa3Vaoe0k8Aiy/cnQcEQEwTBWhjauEvsxAmyicjmJTgFVyw9uh1BYwf4KYXsVBFYu6nsPOyaxX6y/K8TW3QM+HoXYACXiuXQRCn2XAAAAABJRU5ErkJggg==") 92% top no-repeat, -moz-linear-gradient(left, #ffdede 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 21%, #ffdede 21%, #ffdede 37%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, #ffdede 42%, #ffdede 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 63%, #ffdede 63%, #ffdede 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 84%, #ffdede 84%) left top no-repeat;
13
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 8% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNqslL9LQlEUx3367AdamdCQaVjQ0uAQBS+hxbVBhEcESoOG/0SDS9HakDYGEU0huLa1GW4tGtkkURBlQRn4LPseOBdej0u+ygsffByvH98995zj6Ha7DqIfizyKkCmKYv1eBaPAB4ZpP3gDz/zZ+Y1wAEyBeTAH/OATPIBrUAP3oG0VOiRHVli2nslkTmu12pNhGF2iUqncxePxI3yngwDv7SkcAstYeSEy02w229FodB97NN77TeiU5NYDJlOp1KII5HK5y2QyWaZnr9frxvMSv6HH+mOZkPI3EgwGfSJQr9db5g2hUGiMZW47wg/QUlXVMAd1XQ+I50aj8cI3bUhrx5JD+ucI2ADb4DASiZyZ80j5pTzLcigTOlkaBqtgp1gs3ghZqVS6QmyTTm73lkXpTIBEOp0umm9Y07QDxFdkF/KTcBAsgC3k61UI8/n8BWJJrlOnXaEo7BQJhKxarTYR2+OiDnM1OOwWtkbFS0cUwlgsdo74MdgFa2AauOwIqW8ThUKhLOsUIpvNnmBPlIdGz06h1fH7/a6/jDDZtKEjz/ClzFrfAuudpw1d0C03wo/jS2HpOM9Da3tRd1CnPNodX/+a2H0XfgkwAIVYVeQ1/9a6AAAAAElFTkSuQmCC") 29% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe5JREFUeNqslM1LAkEYxnX7lL62CAmTwENkhyKwDkZg185dgvDQwS7RUQkvkRfzKNQfIF5CukjRJelk4EWwDmVUEJinaNlSMLPWnhdmYFvWGqiFH44z8z7zzjPvjKXZbFqI//hIx8rFrFarfkwCNiCDPtABNFADKngFH6KC1BgEE2ASOEE3E1DALbgCZfBuFLSYbJmC51wu1046nb5pNBpNTrFYVEKh0DHGV8AoW/xXQTsFJJPJC72YHq/Xu485Xrb4N0HJxFvybsjtdtt5Rzwev04kEvf8v9/v97CFbcbgdhPBT/AmSZLGOxRFaRgyoa22scP7VbACih6PZ5cdzAjoSqVS03xCoVB4wM8zLWxaOwYPaZEBMAXWI5HIud6/TCZTQv82mBX18MfP5/M5Y7HYAprDlLlIhpTdPNgEe+AQHOVyuSeeJZUT+taAQyRDuhnufD6/heANsBwOh8ey2ewTn+BwOPrZCXcYg80EycMeTdNa2lGpVN5ZNWgiglQitWq1Wtd3yrLcydvlclll1VAX8ZAehCUYf9rqpgQCgQPMWQS9IlePtuyiCxGNRs9UVa1zoVKpVA0GgycYWwVjrLiFnq9OFjADxlkm5NcLuAOX4NHstWklyEVlBvfvjb2HL8xri8iW//Ri/7vglwADAMZnRpCsTg8QAAAAAElFTkSuQmCC") 50% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqslDFLw0AYhpOaSFuiDjqViiUKVhACDpJCQycX/TVChCz+Evf8ALtlCGZyCW6uOiR4QusgSgtmiO/BBZJ4l1qSg4dwd19e7vvuvU9K01SiNDGojpyJybLMi9kEu2AHqGwtAZ/gA/ysI6iAPjgHx6DD1pfgGTwCUhaUKlLeBheO49wnSZLmwfotGPJSblWUZAscmKY55Ox1ciUoDJGgwmrXm0wmg3UuRiTYpWK2bY80TVN93yd1BWm6/fF4fEgnQRDM6ggW0iWELKbT6byOYCFdz/OIwJ9d3sW0BOn2LMvS6cR13TeBpfaZ4f96p+TDI3ATRdF32X8ZcRx/IeYa6P/x4YbIY7kfZZEXeYL0rS7wFIUdg+0tWWxxj/OW98AZOM0ag2EYgzAMr7IAVVXv8PHAA5jnU1Y4B6Cd5Am8sJvU2+32ZSnmHbyy2JUnLOzTGwcjcMLqVtltVgnyemJlP5Sa7tiNC/4KMAAbxb+98QKR2gAAAABJRU5ErkJggg==") 71% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc5JREFUeNqslM9KAlEUxp0xzSTNDHMoCiIKKRChXbgIAldKEK5y4Up9A5dufAMRRB8gwnW7lkV/EBcR0WzaBMEQFRNFlkNO34E7MU23msyBHzNz58x373fOPdeh67qDGMRFOkOccQEMg3EwBlyW7xp4AHega/2ZJ0gCM2AFLIARy/cOkMEJuAZvX5ZpsRwEyUajsa9pms4jn89vI2bVOhnpiJwVkt2JcDg82U8eeZZpEqd5IJPJHDebzVtmj3J3BBReDsU/LoAEn1keSazXl2AikQghd0mw2Wq10vF4nAo2DTx9CWaz2XnjORaLSYVCYR2Pc8BnR5BsdURR/NgO1Wr1rFKpnBvvkUiEChYCXjtFobx0U6nUHu4XxgSlUmnZCJAkycfEXHYE3dQh7XY7HY1Gp2igXC63e72e1Y2T55BnmQI9ZgG/3+/Fu5OTGltVfqFelWX5xhgIBAJuc4CiKI+4PbG+dvzWeqNgLZfL7XzXevV6/QAxG9RRVi2eIFmbBVvFYnEXK703hFRVfa3Vaoe0k8Aiy/cnQcEQEwTBWhjauEvsxAmyicjmJTgFVyw9uh1BYwf4KYXsVBFYu6nsPOyaxX6y/K8TW3QM+HoXYACXiuXQRCn2XAAAAABJRU5ErkJggg==") 92% top no-repeat, -o-linear-gradient(left, #ffdede 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 21%, #ffdede 21%, #ffdede 37%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, #ffdede 42%, #ffdede 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 63%, #ffdede 63%, #ffdede 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 84%, #ffdede 84%) left top no-repeat;
14
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 8% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNqslL9LQlEUx3367AdamdCQaVjQ0uAQBS+hxbVBhEcESoOG/0SDS9HakDYGEU0huLa1GW4tGtkkURBlQRn4LPseOBdej0u+ygsffByvH98995zj6Ha7DqIfizyKkCmKYv1eBaPAB4ZpP3gDz/zZ+Y1wAEyBeTAH/OATPIBrUAP3oG0VOiRHVli2nslkTmu12pNhGF2iUqncxePxI3yngwDv7SkcAstYeSEy02w229FodB97NN77TeiU5NYDJlOp1KII5HK5y2QyWaZnr9frxvMSv6HH+mOZkPI3EgwGfSJQr9db5g2hUGiMZW47wg/QUlXVMAd1XQ+I50aj8cI3bUhrx5JD+ucI2ADb4DASiZyZ80j5pTzLcigTOlkaBqtgp1gs3ghZqVS6QmyTTm73lkXpTIBEOp0umm9Y07QDxFdkF/KTcBAsgC3k61UI8/n8BWJJrlOnXaEo7BQJhKxarTYR2+OiDnM1OOwWtkbFS0cUwlgsdo74MdgFa2AauOwIqW8ThUKhLOsUIpvNnmBPlIdGz06h1fH7/a6/jDDZtKEjz/ClzFrfAuudpw1d0C03wo/jS2HpOM9Da3tRd1CnPNodX/+a2H0XfgkwAIVYVeQ1/9a6AAAAAElFTkSuQmCC") 29% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe5JREFUeNqslM1LAkEYxnX7lL62CAmTwENkhyKwDkZg185dgvDQwS7RUQkvkRfzKNQfIF5CukjRJelk4EWwDmVUEJinaNlSMLPWnhdmYFvWGqiFH44z8z7zzjPvjKXZbFqI//hIx8rFrFarfkwCNiCDPtABNFADKngFH6KC1BgEE2ASOEE3E1DALbgCZfBuFLSYbJmC51wu1046nb5pNBpNTrFYVEKh0DHGV8AoW/xXQTsFJJPJC72YHq/Xu485Xrb4N0HJxFvybsjtdtt5Rzwev04kEvf8v9/v97CFbcbgdhPBT/AmSZLGOxRFaRgyoa22scP7VbACih6PZ5cdzAjoSqVS03xCoVB4wM8zLWxaOwYPaZEBMAXWI5HIud6/TCZTQv82mBX18MfP5/M5Y7HYAprDlLlIhpTdPNgEe+AQHOVyuSeeJZUT+taAQyRDuhnufD6/heANsBwOh8ey2ewTn+BwOPrZCXcYg80EycMeTdNa2lGpVN5ZNWgiglQitWq1Wtd3yrLcydvlclll1VAX8ZAehCUYf9rqpgQCgQPMWQS9IlePtuyiCxGNRs9UVa1zoVKpVA0GgycYWwVjrLiFnq9OFjADxlkm5NcLuAOX4NHstWklyEVlBvfvjb2HL8xri8iW//Ri/7vglwADAMZnRpCsTg8QAAAAAElFTkSuQmCC") 50% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqslDFLw0AYhpOaSFuiDjqViiUKVhACDpJCQycX/TVChCz+Evf8ALtlCGZyCW6uOiR4QusgSgtmiO/BBZJ4l1qSg4dwd19e7vvuvU9K01SiNDGojpyJybLMi9kEu2AHqGwtAZ/gA/ysI6iAPjgHx6DD1pfgGTwCUhaUKlLeBheO49wnSZLmwfotGPJSblWUZAscmKY55Ox1ciUoDJGgwmrXm0wmg3UuRiTYpWK2bY80TVN93yd1BWm6/fF4fEgnQRDM6ggW0iWELKbT6byOYCFdz/OIwJ9d3sW0BOn2LMvS6cR13TeBpfaZ4f96p+TDI3ATRdF32X8ZcRx/IeYa6P/x4YbIY7kfZZEXeYL0rS7wFIUdg+0tWWxxj/OW98AZOM0ag2EYgzAMr7IAVVXv8PHAA5jnU1Y4B6Cd5Am8sJvU2+32ZSnmHbyy2JUnLOzTGwcjcMLqVtltVgnyemJlP5Sa7tiNC/4KMAAbxb+98QKR2gAAAABJRU5ErkJggg==") 71% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc5JREFUeNqslM9KAlEUxp0xzSTNDHMoCiIKKRChXbgIAldKEK5y4Up9A5dufAMRRB8gwnW7lkV/EBcR0WzaBMEQFRNFlkNO34E7MU23msyBHzNz58x373fOPdeh67qDGMRFOkOccQEMg3EwBlyW7xp4AHega/2ZJ0gCM2AFLIARy/cOkMEJuAZvX5ZpsRwEyUajsa9pms4jn89vI2bVOhnpiJwVkt2JcDg82U8eeZZpEqd5IJPJHDebzVtmj3J3BBReDsU/LoAEn1keSazXl2AikQghd0mw2Wq10vF4nAo2DTx9CWaz2XnjORaLSYVCYR2Pc8BnR5BsdURR/NgO1Wr1rFKpnBvvkUiEChYCXjtFobx0U6nUHu4XxgSlUmnZCJAkycfEXHYE3dQh7XY7HY1Gp2igXC63e72e1Y2T55BnmQI9ZgG/3+/Fu5OTGltVfqFelWX5xhgIBAJuc4CiKI+4PbG+dvzWeqNgLZfL7XzXevV6/QAxG9RRVi2eIFmbBVvFYnEXK703hFRVfa3Vaoe0k8Aiy/cnQcEQEwTBWhjauEvsxAmyicjmJTgFVyw9uh1BYwf4KYXsVBFYu6nsPOyaxX6y/K8TW3QM+HoXYACXiuXQRCn2XAAAAABJRU5ErkJggg==") 92% top no-repeat, -webkit-linear-gradient(left, #ffdede 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 21%, #ffdede 21%, #ffdede 37%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, #ffdede 42%, #ffdede 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 63%, #ffdede 63%, #ffdede 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 84%, #ffdede 84%) left top no-repeat;
15
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwMMMDIyMpALYOawEKEWpIYPiAWg7M9A/B6If4LMwaaYkGHiQKwFxJpAzA3E94H4LBA/BOJfWJ0Kw0iAFYhFgFgHiIOBuPHGjRtvf//+/X/WrFmHgHxPqIsxzGHC4TJ+IDYCYu+EhIQ4oGG5ysrKQiCJX79+cQApXqilDMR6mROI5Z8+fVotJibGS0rk4HLhd1AYSUtLd8rLyy/78uXLb0oN/AjE54D44LNnz27euXPnHaUGglz0BoifAvEHaniZbDBq4BA0EJR8vjAxMf2FCbCxsf2AljhYEzsjgfIQlKe1gVgPiCWAGGTwbWylDcwcQgayQIssASj9D5qLMMpDYg0kucSmeqQABBgAsyJrV7MArsMAAAAASUVORK5CYII=") 8% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNqslL9LQlEUx3367AdamdCQaVjQ0uAQBS+hxbVBhEcESoOG/0SDS9HakDYGEU0huLa1GW4tGtkkURBlQRn4LPseOBdej0u+ygsffByvH98995zj6Ha7DqIfizyKkCmKYv1eBaPAB4ZpP3gDz/zZ+Y1wAEyBeTAH/OATPIBrUAP3oG0VOiRHVli2nslkTmu12pNhGF2iUqncxePxI3yngwDv7SkcAstYeSEy02w229FodB97NN77TeiU5NYDJlOp1KII5HK5y2QyWaZnr9frxvMSv6HH+mOZkPI3EgwGfSJQr9db5g2hUGiMZW47wg/QUlXVMAd1XQ+I50aj8cI3bUhrx5JD+ucI2ADb4DASiZyZ80j5pTzLcigTOlkaBqtgp1gs3ghZqVS6QmyTTm73lkXpTIBEOp0umm9Y07QDxFdkF/KTcBAsgC3k61UI8/n8BWJJrlOnXaEo7BQJhKxarTYR2+OiDnM1OOwWtkbFS0cUwlgsdo74MdgFa2AauOwIqW8ThUKhLOsUIpvNnmBPlIdGz06h1fH7/a6/jDDZtKEjz/ClzFrfAuudpw1d0C03wo/jS2HpOM9Da3tRd1CnPNodX/+a2H0XfgkwAIVYVeQ1/9a6AAAAAElFTkSuQmCC") 29% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe5JREFUeNqslM1LAkEYxnX7lL62CAmTwENkhyKwDkZg185dgvDQwS7RUQkvkRfzKNQfIF5CukjRJelk4EWwDmVUEJinaNlSMLPWnhdmYFvWGqiFH44z8z7zzjPvjKXZbFqI//hIx8rFrFarfkwCNiCDPtABNFADKngFH6KC1BgEE2ASOEE3E1DALbgCZfBuFLSYbJmC51wu1046nb5pNBpNTrFYVEKh0DHGV8AoW/xXQTsFJJPJC72YHq/Xu485Xrb4N0HJxFvybsjtdtt5Rzwev04kEvf8v9/v97CFbcbgdhPBT/AmSZLGOxRFaRgyoa22scP7VbACih6PZ5cdzAjoSqVS03xCoVB4wM8zLWxaOwYPaZEBMAXWI5HIud6/TCZTQv82mBX18MfP5/M5Y7HYAprDlLlIhpTdPNgEe+AQHOVyuSeeJZUT+taAQyRDuhnufD6/heANsBwOh8ey2ewTn+BwOPrZCXcYg80EycMeTdNa2lGpVN5ZNWgiglQitWq1Wtd3yrLcydvlclll1VAX8ZAehCUYf9rqpgQCgQPMWQS9IlePtuyiCxGNRs9UVa1zoVKpVA0GgycYWwVjrLiFnq9OFjADxlkm5NcLuAOX4NHstWklyEVlBvfvjb2HL8xri8iW//Ri/7vglwADAMZnRpCsTg8QAAAAAElFTkSuQmCC") 50% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNqslDFLw0AYhpOaSFuiDjqViiUKVhACDpJCQycX/TVChCz+Evf8ALtlCGZyCW6uOiR4QusgSgtmiO/BBZJ4l1qSg4dwd19e7vvuvU9K01SiNDGojpyJybLMi9kEu2AHqGwtAZ/gA/ysI6iAPjgHx6DD1pfgGTwCUhaUKlLeBheO49wnSZLmwfotGPJSblWUZAscmKY55Ox1ciUoDJGgwmrXm0wmg3UuRiTYpWK2bY80TVN93yd1BWm6/fF4fEgnQRDM6ggW0iWELKbT6byOYCFdz/OIwJ9d3sW0BOn2LMvS6cR13TeBpfaZ4f96p+TDI3ATRdF32X8ZcRx/IeYa6P/x4YbIY7kfZZEXeYL0rS7wFIUdg+0tWWxxj/OW98AZOM0ag2EYgzAMr7IAVVXv8PHAA5jnU1Y4B6Cd5Am8sJvU2+32ZSnmHbyy2JUnLOzTGwcjcMLqVtltVgnyemJlP5Sa7tiNC/4KMAAbxb+98QKR2gAAAABJRU5ErkJggg==") 71% top no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc5JREFUeNqslM9KAlEUxp0xzSTNDHMoCiIKKRChXbgIAldKEK5y4Up9A5dufAMRRB8gwnW7lkV/EBcR0WzaBMEQFRNFlkNO34E7MU23msyBHzNz58x373fOPdeh67qDGMRFOkOccQEMg3EwBlyW7xp4AHega/2ZJ0gCM2AFLIARy/cOkMEJuAZvX5ZpsRwEyUajsa9pms4jn89vI2bVOhnpiJwVkt2JcDg82U8eeZZpEqd5IJPJHDebzVtmj3J3BBReDsU/LoAEn1keSazXl2AikQghd0mw2Wq10vF4nAo2DTx9CWaz2XnjORaLSYVCYR2Pc8BnR5BsdURR/NgO1Wr1rFKpnBvvkUiEChYCXjtFobx0U6nUHu4XxgSlUmnZCJAkycfEXHYE3dQh7XY7HY1Gp2igXC63e72e1Y2T55BnmQI9ZgG/3+/Fu5OTGltVfqFelWX5xhgIBAJuc4CiKI+4PbG+dvzWeqNgLZfL7XzXevV6/QAxG9RRVi2eIFmbBVvFYnEXK703hFRVfa3Vaoe0k8Aiy/cnQcEQEwTBWhjauEvsxAmyicjmJTgFVyw9uh1BYwf4KYXsVBFYu6nsPOyaxX6y/K8TW3QM+HoXYACXiuXQRCn2XAAAAABJRU5ErkJggg==") 92% top no-repeat, linear-gradient(to right, #ffdede 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 21%, #ffdede 21%, #ffdede 37%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, #ffdede 42%, #ffdede 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 63%, #ffdede 63%, #ffdede 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 84%, #ffdede 84%) left top no-repeat;
16
- /* Test zen-grid-background() with 12 column grid and 20px gutter */
17
- background: -moz-linear-gradient(left, #ffdede 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 8.33333%, #ffdede 8.33333%, #ffdede 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 16.66667%, #ffdede 16.66667%, #ffdede 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 25%, #ffdede 25%, #ffdede 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 33.33333%, #ffdede 33.33333%, #ffdede 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 41.66667%, #ffdede 41.66667%, #ffdede 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 50%, #ffdede 50%, #ffdede 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 58.33333%, #ffdede 58.33333%, #ffdede 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 66.66667%, #ffdede 66.66667%, #ffdede 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 75%, #ffdede 75%, #ffdede 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 83.33333%, #ffdede 83.33333%, #ffdede 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 91.66667%, #ffdede 91.66667%, #ffdede 95.83333%, rgba(0, 0, 0, 0) 95.83333%) 10px top no-repeat, -moz-linear-gradient(left, rgba(0, 0, 0, 0) 4.16667%, #ffdede 4.16667%, #ffdede 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 12.5%, #ffdede 12.5%, #ffdede 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 20.83333%, #ffdede 20.83333%, #ffdede 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 29.16667%, #ffdede 29.16667%, #ffdede 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 37.5%, #ffdede 37.5%, #ffdede 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 45.83333%, #ffdede 45.83333%, #ffdede 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 54.16667%, #ffdede 54.16667%, #ffdede 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 62.5%, #ffdede 62.5%, #ffdede 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 70.83333%, #ffdede 70.83333%, #ffdede 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 79.16667%, #ffdede 79.16667%, #ffdede 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 87.5%, #ffdede 87.5%, #ffdede 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 95.83333%, #ffdede 95.83333%) -10px top no-repeat;
18
- background: -o-linear-gradient(left, #ffdede 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 8.33333%, #ffdede 8.33333%, #ffdede 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 16.66667%, #ffdede 16.66667%, #ffdede 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 25%, #ffdede 25%, #ffdede 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 33.33333%, #ffdede 33.33333%, #ffdede 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 41.66667%, #ffdede 41.66667%, #ffdede 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 50%, #ffdede 50%, #ffdede 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 58.33333%, #ffdede 58.33333%, #ffdede 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 66.66667%, #ffdede 66.66667%, #ffdede 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 75%, #ffdede 75%, #ffdede 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 83.33333%, #ffdede 83.33333%, #ffdede 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 91.66667%, #ffdede 91.66667%, #ffdede 95.83333%, rgba(0, 0, 0, 0) 95.83333%) 10px top no-repeat, -o-linear-gradient(left, rgba(0, 0, 0, 0) 4.16667%, #ffdede 4.16667%, #ffdede 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 12.5%, #ffdede 12.5%, #ffdede 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 20.83333%, #ffdede 20.83333%, #ffdede 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 29.16667%, #ffdede 29.16667%, #ffdede 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 37.5%, #ffdede 37.5%, #ffdede 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 45.83333%, #ffdede 45.83333%, #ffdede 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 54.16667%, #ffdede 54.16667%, #ffdede 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 62.5%, #ffdede 62.5%, #ffdede 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 70.83333%, #ffdede 70.83333%, #ffdede 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 79.16667%, #ffdede 79.16667%, #ffdede 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 87.5%, #ffdede 87.5%, #ffdede 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 95.83333%, #ffdede 95.83333%) -10px top no-repeat;
19
- background: -webkit-linear-gradient(left, #ffdede 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 8.33333%, #ffdede 8.33333%, #ffdede 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 16.66667%, #ffdede 16.66667%, #ffdede 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 25%, #ffdede 25%, #ffdede 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 33.33333%, #ffdede 33.33333%, #ffdede 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 41.66667%, #ffdede 41.66667%, #ffdede 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 50%, #ffdede 50%, #ffdede 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 58.33333%, #ffdede 58.33333%, #ffdede 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 66.66667%, #ffdede 66.66667%, #ffdede 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 75%, #ffdede 75%, #ffdede 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 83.33333%, #ffdede 83.33333%, #ffdede 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 91.66667%, #ffdede 91.66667%, #ffdede 95.83333%, rgba(0, 0, 0, 0) 95.83333%) 10px top no-repeat, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 4.16667%, #ffdede 4.16667%, #ffdede 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 12.5%, #ffdede 12.5%, #ffdede 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 20.83333%, #ffdede 20.83333%, #ffdede 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 29.16667%, #ffdede 29.16667%, #ffdede 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 37.5%, #ffdede 37.5%, #ffdede 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 45.83333%, #ffdede 45.83333%, #ffdede 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 54.16667%, #ffdede 54.16667%, #ffdede 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 62.5%, #ffdede 62.5%, #ffdede 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 70.83333%, #ffdede 70.83333%, #ffdede 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 79.16667%, #ffdede 79.16667%, #ffdede 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 87.5%, #ffdede 87.5%, #ffdede 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 95.83333%, #ffdede 95.83333%) -10px top no-repeat;
20
- background: linear-gradient(to right, #ffdede 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 8.33333%, #ffdede 8.33333%, #ffdede 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 16.66667%, #ffdede 16.66667%, #ffdede 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 25%, #ffdede 25%, #ffdede 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 33.33333%, #ffdede 33.33333%, #ffdede 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 41.66667%, #ffdede 41.66667%, #ffdede 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 50%, #ffdede 50%, #ffdede 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 58.33333%, #ffdede 58.33333%, #ffdede 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 66.66667%, #ffdede 66.66667%, #ffdede 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 75%, #ffdede 75%, #ffdede 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 83.33333%, #ffdede 83.33333%, #ffdede 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 91.66667%, #ffdede 91.66667%, #ffdede 95.83333%, rgba(0, 0, 0, 0) 95.83333%) 10px top no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 4.16667%, #ffdede 4.16667%, #ffdede 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 12.5%, #ffdede 12.5%, #ffdede 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 20.83333%, #ffdede 20.83333%, #ffdede 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 29.16667%, #ffdede 29.16667%, #ffdede 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 37.5%, #ffdede 37.5%, #ffdede 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 45.83333%, #ffdede 45.83333%, #ffdede 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 54.16667%, #ffdede 54.16667%, #ffdede 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 62.5%, #ffdede 62.5%, #ffdede 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 70.83333%, #ffdede 70.83333%, #ffdede 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 79.16667%, #ffdede 79.16667%, #ffdede 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 87.5%, #ffdede 87.5%, #ffdede 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 95.83333%, #ffdede 95.83333%) -10px top no-repeat;
21
- /* Test zen-grid-background(), 5 column grid, 10% gutter and black grid color */
22
- background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 5%, #000000 5%, #000000 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, #000000 25%, #000000 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, #000000 45%, #000000 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, #000000 65%, #000000 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, #000000 85%, #000000 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
23
- background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 5%, #000000 5%, #000000 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, #000000 25%, #000000 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, #000000 45%, #000000 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, #000000 65%, #000000 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, #000000 85%, #000000 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
24
- background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 5%, #000000 5%, #000000 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, #000000 25%, #000000 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, #000000 45%, #000000 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, #000000 65%, #000000 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, #000000 85%, #000000 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
25
- background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #000000 5%, #000000 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, #000000 25%, #000000 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, #000000 45%, #000000 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, #000000 65%, #000000 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, #000000 85%, #000000 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
26
- /* Test zen-grid-background() with 5 column grid and 40px gutter */
27
- background: -moz-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -moz-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
28
- background: -o-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -o-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
29
- background: -webkit-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
30
- background: linear-gradient(to right, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
31
- /* Test zen-grid-background(), 5 column grid and 10% gutter and $zen-switch-direction */
32
- background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 5%, rgba(255, 222, 222, 0.8) 5%, rgba(255, 222, 222, 0.8) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, rgba(255, 222, 222, 0.8) 45%, rgba(255, 222, 222, 0.8) 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, rgba(255, 222, 222, 0.8) 65%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, rgba(255, 222, 222, 0.8) 85%, rgba(255, 222, 222, 0.8) 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
33
- background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 5%, rgba(255, 222, 222, 0.8) 5%, rgba(255, 222, 222, 0.8) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, rgba(255, 222, 222, 0.8) 45%, rgba(255, 222, 222, 0.8) 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, rgba(255, 222, 222, 0.8) 65%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, rgba(255, 222, 222, 0.8) 85%, rgba(255, 222, 222, 0.8) 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
34
- background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 5%, rgba(255, 222, 222, 0.8) 5%, rgba(255, 222, 222, 0.8) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, rgba(255, 222, 222, 0.8) 45%, rgba(255, 222, 222, 0.8) 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, rgba(255, 222, 222, 0.8) 65%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, rgba(255, 222, 222, 0.8) 85%, rgba(255, 222, 222, 0.8) 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
35
- background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(255, 222, 222, 0.8) 5%, rgba(255, 222, 222, 0.8) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 35%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 45%, rgba(255, 222, 222, 0.8) 45%, rgba(255, 222, 222, 0.8) 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 65%, rgba(255, 222, 222, 0.8) 65%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 85%, rgba(255, 222, 222, 0.8) 85%, rgba(255, 222, 222, 0.8) 95%, rgba(0, 0, 0, 0) 95%) left top no-repeat;
36
- /* Test zen-grid-background() with 5 column grid and 40px gutter and $zen-switch-direction */
37
- background: -moz-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -moz-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
38
- background: -o-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -o-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
39
- background: -webkit-linear-gradient(left, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
40
- background: linear-gradient(to right, rgba(255, 222, 222, 0.8) 10%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(255, 222, 222, 0.8) 20%, rgba(255, 222, 222, 0.8) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 40%, rgba(255, 222, 222, 0.8) 40%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(255, 222, 222, 0.8) 60%, rgba(255, 222, 222, 0.8) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(255, 222, 222, 0.8) 80%, rgba(255, 222, 222, 0.8) 90%, rgba(0, 0, 0, 0) 90%) 20px top no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgba(255, 222, 222, 0.8) 10%, rgba(255, 222, 222, 0.8) 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(255, 222, 222, 0.8) 30%, rgba(255, 222, 222, 0.8) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 70%, rgba(255, 222, 222, 0.8) 70%, rgba(255, 222, 222, 0.8) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 90%, rgba(255, 222, 222, 0.8) 90%) -20px top no-repeat;
41
- /* Test zen-grid-background() with $zen-grid-width: 1000px, 5 column grid and 40px gutter */
42
- background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 20px, rgba(255, 222, 222, 0.8) 20px, rgba(255, 222, 222, 0.8) 180px, rgba(0, 0, 0, 0) 180px, rgba(0, 0, 0, 0) 220px, rgba(255, 222, 222, 0.8) 220px, rgba(255, 222, 222, 0.8) 380px, rgba(0, 0, 0, 0) 380px, rgba(0, 0, 0, 0) 420px, rgba(255, 222, 222, 0.8) 420px, rgba(255, 222, 222, 0.8) 580px, rgba(0, 0, 0, 0) 580px, rgba(0, 0, 0, 0) 620px, rgba(255, 222, 222, 0.8) 620px, rgba(255, 222, 222, 0.8) 780px, rgba(0, 0, 0, 0) 780px, rgba(0, 0, 0, 0) 820px, rgba(255, 222, 222, 0.8) 820px, rgba(255, 222, 222, 0.8) 980px, rgba(0, 0, 0, 0) 980px) left top no-repeat;
43
- background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 20px, rgba(255, 222, 222, 0.8) 20px, rgba(255, 222, 222, 0.8) 180px, rgba(0, 0, 0, 0) 180px, rgba(0, 0, 0, 0) 220px, rgba(255, 222, 222, 0.8) 220px, rgba(255, 222, 222, 0.8) 380px, rgba(0, 0, 0, 0) 380px, rgba(0, 0, 0, 0) 420px, rgba(255, 222, 222, 0.8) 420px, rgba(255, 222, 222, 0.8) 580px, rgba(0, 0, 0, 0) 580px, rgba(0, 0, 0, 0) 620px, rgba(255, 222, 222, 0.8) 620px, rgba(255, 222, 222, 0.8) 780px, rgba(0, 0, 0, 0) 780px, rgba(0, 0, 0, 0) 820px, rgba(255, 222, 222, 0.8) 820px, rgba(255, 222, 222, 0.8) 980px, rgba(0, 0, 0, 0) 980px) left top no-repeat;
44
- background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 20px, rgba(255, 222, 222, 0.8) 20px, rgba(255, 222, 222, 0.8) 180px, rgba(0, 0, 0, 0) 180px, rgba(0, 0, 0, 0) 220px, rgba(255, 222, 222, 0.8) 220px, rgba(255, 222, 222, 0.8) 380px, rgba(0, 0, 0, 0) 380px, rgba(0, 0, 0, 0) 420px, rgba(255, 222, 222, 0.8) 420px, rgba(255, 222, 222, 0.8) 580px, rgba(0, 0, 0, 0) 580px, rgba(0, 0, 0, 0) 620px, rgba(255, 222, 222, 0.8) 620px, rgba(255, 222, 222, 0.8) 780px, rgba(0, 0, 0, 0) 780px, rgba(0, 0, 0, 0) 820px, rgba(255, 222, 222, 0.8) 820px, rgba(255, 222, 222, 0.8) 980px, rgba(0, 0, 0, 0) 980px) left top no-repeat;
45
- background: linear-gradient(to right, rgba(0, 0, 0, 0) 20px, rgba(255, 222, 222, 0.8) 20px, rgba(255, 222, 222, 0.8) 180px, rgba(0, 0, 0, 0) 180px, rgba(0, 0, 0, 0) 220px, rgba(255, 222, 222, 0.8) 220px, rgba(255, 222, 222, 0.8) 380px, rgba(0, 0, 0, 0) 380px, rgba(0, 0, 0, 0) 420px, rgba(255, 222, 222, 0.8) 420px, rgba(255, 222, 222, 0.8) 580px, rgba(0, 0, 0, 0) 580px, rgba(0, 0, 0, 0) 620px, rgba(255, 222, 222, 0.8) 620px, rgba(255, 222, 222, 0.8) 780px, rgba(0, 0, 0, 0) 780px, rgba(0, 0, 0, 0) 820px, rgba(255, 222, 222, 0.8) 820px, rgba(255, 222, 222, 0.8) 980px, rgba(0, 0, 0, 0) 980px) left top no-repeat;
46
- /* Test zen-grid-background() with all 24 grid numbers */
47
- background: -moz-linear-gradient(left, rgba(255, 222, 222, 0.8) 2.08333%, rgba(0, 0, 0, 0) 2.08333%, rgba(0, 0, 0, 0) 4.16667%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(255, 222, 222, 0.8) 6.25%, rgba(0, 0, 0, 0) 6.25%, rgba(0, 0, 0, 0) 8.33333%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(0, 0, 0, 0) 10.41667%, rgba(0, 0, 0, 0) 12.5%, rgba(255, 222, 222, 0.8) 12.5%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(0, 0, 0, 0) 14.58333%, rgba(0, 0, 0, 0) 16.66667%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(255, 222, 222, 0.8) 18.75%, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0) 20.83333%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(0, 0, 0, 0) 22.91667%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(0, 0, 0, 0) 27.08333%, rgba(0, 0, 0, 0) 29.16667%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(255, 222, 222, 0.8) 31.25%, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0) 33.33333%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(0, 0, 0, 0) 35.41667%, rgba(0, 0, 0, 0) 37.5%, rgba(255, 222, 222, 0.8) 37.5%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(0, 0, 0, 0) 39.58333%, rgba(0, 0, 0, 0) 41.66667%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(255, 222, 222, 0.8) 43.75%, rgba(0, 0, 0, 0) 43.75%, rgba(0, 0, 0, 0) 45.83333%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(0, 0, 0, 0) 47.91667%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(0, 0, 0, 0) 52.08333%, rgba(0, 0, 0, 0) 54.16667%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(255, 222, 222, 0.8) 56.25%, rgba(0, 0, 0, 0) 56.25%, rgba(0, 0, 0, 0) 58.33333%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(0, 0, 0, 0) 60.41667%, rgba(0, 0, 0, 0) 62.5%, rgba(255, 222, 222, 0.8) 62.5%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(0, 0, 0, 0) 64.58333%, rgba(0, 0, 0, 0) 66.66667%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(255, 222, 222, 0.8) 68.75%, rgba(0, 0, 0, 0) 68.75%, rgba(0, 0, 0, 0) 70.83333%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(0, 0, 0, 0) 72.91667%, rgba(0, 0, 0, 0) 75%, rgba(255, 222, 222, 0.8) 75%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(0, 0, 0, 0) 77.08333%, rgba(0, 0, 0, 0) 79.16667%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(255, 222, 222, 0.8) 81.25%, rgba(0, 0, 0, 0) 81.25%, rgba(0, 0, 0, 0) 83.33333%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(0, 0, 0, 0) 85.41667%, rgba(0, 0, 0, 0) 87.5%, rgba(255, 222, 222, 0.8) 87.5%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(0, 0, 0, 0) 89.58333%, rgba(0, 0, 0, 0) 91.66667%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(255, 222, 222, 0.8) 93.75%, rgba(0, 0, 0, 0) 93.75%, rgba(0, 0, 0, 0) 95.83333%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(255, 222, 222, 0.8) 97.91667%, rgba(0, 0, 0, 0) 97.91667%) 10px top no-repeat, -moz-linear-gradient(left, rgba(0, 0, 0, 0) 2.08333%, rgba(255, 222, 222, 0.8) 2.08333%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 6.25%, rgba(255, 222, 222, 0.8) 6.25%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 10.41667%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(255, 222, 222, 0.8) 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 14.58333%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 18.75%, rgba(255, 222, 222, 0.8) 18.75%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 22.91667%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(255, 222, 222, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 27.08333%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 31.25%, rgba(255, 222, 222, 0.8) 31.25%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 35.41667%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(255, 222, 222, 0.8) 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 39.58333%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 43.75%, rgba(255, 222, 222, 0.8) 43.75%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 47.91667%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 52.08333%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 56.25%, rgba(255, 222, 222, 0.8) 56.25%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 60.41667%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(255, 222, 222, 0.8) 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 64.58333%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 68.75%, rgba(255, 222, 222, 0.8) 68.75%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 72.91667%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 77.08333%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 81.25%, rgba(255, 222, 222, 0.8) 81.25%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 85.41667%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(255, 222, 222, 0.8) 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 89.58333%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 93.75%, rgba(255, 222, 222, 0.8) 93.75%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(0, 0, 0, 0) 95.83333%, rgba(0, 0, 0, 0) 97.91667%, rgba(255, 222, 222, 0.8) 97.91667%) -10px top no-repeat;
48
- background: -o-linear-gradient(left, rgba(255, 222, 222, 0.8) 2.08333%, rgba(0, 0, 0, 0) 2.08333%, rgba(0, 0, 0, 0) 4.16667%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(255, 222, 222, 0.8) 6.25%, rgba(0, 0, 0, 0) 6.25%, rgba(0, 0, 0, 0) 8.33333%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(0, 0, 0, 0) 10.41667%, rgba(0, 0, 0, 0) 12.5%, rgba(255, 222, 222, 0.8) 12.5%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(0, 0, 0, 0) 14.58333%, rgba(0, 0, 0, 0) 16.66667%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(255, 222, 222, 0.8) 18.75%, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0) 20.83333%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(0, 0, 0, 0) 22.91667%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(0, 0, 0, 0) 27.08333%, rgba(0, 0, 0, 0) 29.16667%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(255, 222, 222, 0.8) 31.25%, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0) 33.33333%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(0, 0, 0, 0) 35.41667%, rgba(0, 0, 0, 0) 37.5%, rgba(255, 222, 222, 0.8) 37.5%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(0, 0, 0, 0) 39.58333%, rgba(0, 0, 0, 0) 41.66667%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(255, 222, 222, 0.8) 43.75%, rgba(0, 0, 0, 0) 43.75%, rgba(0, 0, 0, 0) 45.83333%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(0, 0, 0, 0) 47.91667%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(0, 0, 0, 0) 52.08333%, rgba(0, 0, 0, 0) 54.16667%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(255, 222, 222, 0.8) 56.25%, rgba(0, 0, 0, 0) 56.25%, rgba(0, 0, 0, 0) 58.33333%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(0, 0, 0, 0) 60.41667%, rgba(0, 0, 0, 0) 62.5%, rgba(255, 222, 222, 0.8) 62.5%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(0, 0, 0, 0) 64.58333%, rgba(0, 0, 0, 0) 66.66667%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(255, 222, 222, 0.8) 68.75%, rgba(0, 0, 0, 0) 68.75%, rgba(0, 0, 0, 0) 70.83333%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(0, 0, 0, 0) 72.91667%, rgba(0, 0, 0, 0) 75%, rgba(255, 222, 222, 0.8) 75%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(0, 0, 0, 0) 77.08333%, rgba(0, 0, 0, 0) 79.16667%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(255, 222, 222, 0.8) 81.25%, rgba(0, 0, 0, 0) 81.25%, rgba(0, 0, 0, 0) 83.33333%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(0, 0, 0, 0) 85.41667%, rgba(0, 0, 0, 0) 87.5%, rgba(255, 222, 222, 0.8) 87.5%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(0, 0, 0, 0) 89.58333%, rgba(0, 0, 0, 0) 91.66667%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(255, 222, 222, 0.8) 93.75%, rgba(0, 0, 0, 0) 93.75%, rgba(0, 0, 0, 0) 95.83333%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(255, 222, 222, 0.8) 97.91667%, rgba(0, 0, 0, 0) 97.91667%) 10px top no-repeat, -o-linear-gradient(left, rgba(0, 0, 0, 0) 2.08333%, rgba(255, 222, 222, 0.8) 2.08333%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 6.25%, rgba(255, 222, 222, 0.8) 6.25%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 10.41667%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(255, 222, 222, 0.8) 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 14.58333%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 18.75%, rgba(255, 222, 222, 0.8) 18.75%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 22.91667%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(255, 222, 222, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 27.08333%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 31.25%, rgba(255, 222, 222, 0.8) 31.25%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 35.41667%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(255, 222, 222, 0.8) 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 39.58333%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 43.75%, rgba(255, 222, 222, 0.8) 43.75%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 47.91667%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 52.08333%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 56.25%, rgba(255, 222, 222, 0.8) 56.25%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 60.41667%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(255, 222, 222, 0.8) 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 64.58333%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 68.75%, rgba(255, 222, 222, 0.8) 68.75%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 72.91667%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 77.08333%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 81.25%, rgba(255, 222, 222, 0.8) 81.25%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 85.41667%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(255, 222, 222, 0.8) 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 89.58333%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 93.75%, rgba(255, 222, 222, 0.8) 93.75%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(0, 0, 0, 0) 95.83333%, rgba(0, 0, 0, 0) 97.91667%, rgba(255, 222, 222, 0.8) 97.91667%) -10px top no-repeat;
49
- background: -webkit-linear-gradient(left, rgba(255, 222, 222, 0.8) 2.08333%, rgba(0, 0, 0, 0) 2.08333%, rgba(0, 0, 0, 0) 4.16667%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(255, 222, 222, 0.8) 6.25%, rgba(0, 0, 0, 0) 6.25%, rgba(0, 0, 0, 0) 8.33333%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(0, 0, 0, 0) 10.41667%, rgba(0, 0, 0, 0) 12.5%, rgba(255, 222, 222, 0.8) 12.5%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(0, 0, 0, 0) 14.58333%, rgba(0, 0, 0, 0) 16.66667%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(255, 222, 222, 0.8) 18.75%, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0) 20.83333%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(0, 0, 0, 0) 22.91667%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(0, 0, 0, 0) 27.08333%, rgba(0, 0, 0, 0) 29.16667%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(255, 222, 222, 0.8) 31.25%, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0) 33.33333%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(0, 0, 0, 0) 35.41667%, rgba(0, 0, 0, 0) 37.5%, rgba(255, 222, 222, 0.8) 37.5%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(0, 0, 0, 0) 39.58333%, rgba(0, 0, 0, 0) 41.66667%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(255, 222, 222, 0.8) 43.75%, rgba(0, 0, 0, 0) 43.75%, rgba(0, 0, 0, 0) 45.83333%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(0, 0, 0, 0) 47.91667%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(0, 0, 0, 0) 52.08333%, rgba(0, 0, 0, 0) 54.16667%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(255, 222, 222, 0.8) 56.25%, rgba(0, 0, 0, 0) 56.25%, rgba(0, 0, 0, 0) 58.33333%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(0, 0, 0, 0) 60.41667%, rgba(0, 0, 0, 0) 62.5%, rgba(255, 222, 222, 0.8) 62.5%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(0, 0, 0, 0) 64.58333%, rgba(0, 0, 0, 0) 66.66667%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(255, 222, 222, 0.8) 68.75%, rgba(0, 0, 0, 0) 68.75%, rgba(0, 0, 0, 0) 70.83333%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(0, 0, 0, 0) 72.91667%, rgba(0, 0, 0, 0) 75%, rgba(255, 222, 222, 0.8) 75%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(0, 0, 0, 0) 77.08333%, rgba(0, 0, 0, 0) 79.16667%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(255, 222, 222, 0.8) 81.25%, rgba(0, 0, 0, 0) 81.25%, rgba(0, 0, 0, 0) 83.33333%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(0, 0, 0, 0) 85.41667%, rgba(0, 0, 0, 0) 87.5%, rgba(255, 222, 222, 0.8) 87.5%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(0, 0, 0, 0) 89.58333%, rgba(0, 0, 0, 0) 91.66667%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(255, 222, 222, 0.8) 93.75%, rgba(0, 0, 0, 0) 93.75%, rgba(0, 0, 0, 0) 95.83333%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(255, 222, 222, 0.8) 97.91667%, rgba(0, 0, 0, 0) 97.91667%) 10px top no-repeat, -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 2.08333%, rgba(255, 222, 222, 0.8) 2.08333%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 6.25%, rgba(255, 222, 222, 0.8) 6.25%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 10.41667%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(255, 222, 222, 0.8) 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 14.58333%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 18.75%, rgba(255, 222, 222, 0.8) 18.75%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 22.91667%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(255, 222, 222, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 27.08333%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 31.25%, rgba(255, 222, 222, 0.8) 31.25%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 35.41667%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(255, 222, 222, 0.8) 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 39.58333%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 43.75%, rgba(255, 222, 222, 0.8) 43.75%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 47.91667%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 52.08333%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 56.25%, rgba(255, 222, 222, 0.8) 56.25%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 60.41667%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(255, 222, 222, 0.8) 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 64.58333%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 68.75%, rgba(255, 222, 222, 0.8) 68.75%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 72.91667%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 77.08333%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 81.25%, rgba(255, 222, 222, 0.8) 81.25%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 85.41667%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(255, 222, 222, 0.8) 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 89.58333%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 93.75%, rgba(255, 222, 222, 0.8) 93.75%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(0, 0, 0, 0) 95.83333%, rgba(0, 0, 0, 0) 97.91667%, rgba(255, 222, 222, 0.8) 97.91667%) -10px top no-repeat;
50
- background: linear-gradient(to right, rgba(255, 222, 222, 0.8) 2.08333%, rgba(0, 0, 0, 0) 2.08333%, rgba(0, 0, 0, 0) 4.16667%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(255, 222, 222, 0.8) 6.25%, rgba(0, 0, 0, 0) 6.25%, rgba(0, 0, 0, 0) 8.33333%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(0, 0, 0, 0) 10.41667%, rgba(0, 0, 0, 0) 12.5%, rgba(255, 222, 222, 0.8) 12.5%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(0, 0, 0, 0) 14.58333%, rgba(0, 0, 0, 0) 16.66667%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(255, 222, 222, 0.8) 18.75%, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0) 20.83333%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(0, 0, 0, 0) 22.91667%, rgba(0, 0, 0, 0) 25%, rgba(255, 222, 222, 0.8) 25%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(0, 0, 0, 0) 27.08333%, rgba(0, 0, 0, 0) 29.16667%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(255, 222, 222, 0.8) 31.25%, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0) 33.33333%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(0, 0, 0, 0) 35.41667%, rgba(0, 0, 0, 0) 37.5%, rgba(255, 222, 222, 0.8) 37.5%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(0, 0, 0, 0) 39.58333%, rgba(0, 0, 0, 0) 41.66667%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(255, 222, 222, 0.8) 43.75%, rgba(0, 0, 0, 0) 43.75%, rgba(0, 0, 0, 0) 45.83333%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(0, 0, 0, 0) 47.91667%, rgba(0, 0, 0, 0) 50%, rgba(255, 222, 222, 0.8) 50%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(0, 0, 0, 0) 52.08333%, rgba(0, 0, 0, 0) 54.16667%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(255, 222, 222, 0.8) 56.25%, rgba(0, 0, 0, 0) 56.25%, rgba(0, 0, 0, 0) 58.33333%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(0, 0, 0, 0) 60.41667%, rgba(0, 0, 0, 0) 62.5%, rgba(255, 222, 222, 0.8) 62.5%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(0, 0, 0, 0) 64.58333%, rgba(0, 0, 0, 0) 66.66667%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(255, 222, 222, 0.8) 68.75%, rgba(0, 0, 0, 0) 68.75%, rgba(0, 0, 0, 0) 70.83333%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(0, 0, 0, 0) 72.91667%, rgba(0, 0, 0, 0) 75%, rgba(255, 222, 222, 0.8) 75%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(0, 0, 0, 0) 77.08333%, rgba(0, 0, 0, 0) 79.16667%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(255, 222, 222, 0.8) 81.25%, rgba(0, 0, 0, 0) 81.25%, rgba(0, 0, 0, 0) 83.33333%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(0, 0, 0, 0) 85.41667%, rgba(0, 0, 0, 0) 87.5%, rgba(255, 222, 222, 0.8) 87.5%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(0, 0, 0, 0) 89.58333%, rgba(0, 0, 0, 0) 91.66667%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(255, 222, 222, 0.8) 93.75%, rgba(0, 0, 0, 0) 93.75%, rgba(0, 0, 0, 0) 95.83333%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(255, 222, 222, 0.8) 97.91667%, rgba(0, 0, 0, 0) 97.91667%) 10px top no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 2.08333%, rgba(255, 222, 222, 0.8) 2.08333%, rgba(255, 222, 222, 0.8) 4.16667%, rgba(0, 0, 0, 0) 4.16667%, rgba(0, 0, 0, 0) 6.25%, rgba(255, 222, 222, 0.8) 6.25%, rgba(255, 222, 222, 0.8) 8.33333%, rgba(0, 0, 0, 0) 8.33333%, rgba(0, 0, 0, 0) 10.41667%, rgba(255, 222, 222, 0.8) 10.41667%, rgba(255, 222, 222, 0.8) 12.5%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 14.58333%, rgba(255, 222, 222, 0.8) 14.58333%, rgba(255, 222, 222, 0.8) 16.66667%, rgba(0, 0, 0, 0) 16.66667%, rgba(0, 0, 0, 0) 18.75%, rgba(255, 222, 222, 0.8) 18.75%, rgba(255, 222, 222, 0.8) 20.83333%, rgba(0, 0, 0, 0) 20.83333%, rgba(0, 0, 0, 0) 22.91667%, rgba(255, 222, 222, 0.8) 22.91667%, rgba(255, 222, 222, 0.8) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 27.08333%, rgba(255, 222, 222, 0.8) 27.08333%, rgba(255, 222, 222, 0.8) 29.16667%, rgba(0, 0, 0, 0) 29.16667%, rgba(0, 0, 0, 0) 31.25%, rgba(255, 222, 222, 0.8) 31.25%, rgba(255, 222, 222, 0.8) 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 35.41667%, rgba(255, 222, 222, 0.8) 35.41667%, rgba(255, 222, 222, 0.8) 37.5%, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 39.58333%, rgba(255, 222, 222, 0.8) 39.58333%, rgba(255, 222, 222, 0.8) 41.66667%, rgba(0, 0, 0, 0) 41.66667%, rgba(0, 0, 0, 0) 43.75%, rgba(255, 222, 222, 0.8) 43.75%, rgba(255, 222, 222, 0.8) 45.83333%, rgba(0, 0, 0, 0) 45.83333%, rgba(0, 0, 0, 0) 47.91667%, rgba(255, 222, 222, 0.8) 47.91667%, rgba(255, 222, 222, 0.8) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 52.08333%, rgba(255, 222, 222, 0.8) 52.08333%, rgba(255, 222, 222, 0.8) 54.16667%, rgba(0, 0, 0, 0) 54.16667%, rgba(0, 0, 0, 0) 56.25%, rgba(255, 222, 222, 0.8) 56.25%, rgba(255, 222, 222, 0.8) 58.33333%, rgba(0, 0, 0, 0) 58.33333%, rgba(0, 0, 0, 0) 60.41667%, rgba(255, 222, 222, 0.8) 60.41667%, rgba(255, 222, 222, 0.8) 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 64.58333%, rgba(255, 222, 222, 0.8) 64.58333%, rgba(255, 222, 222, 0.8) 66.66667%, rgba(0, 0, 0, 0) 66.66667%, rgba(0, 0, 0, 0) 68.75%, rgba(255, 222, 222, 0.8) 68.75%, rgba(255, 222, 222, 0.8) 70.83333%, rgba(0, 0, 0, 0) 70.83333%, rgba(0, 0, 0, 0) 72.91667%, rgba(255, 222, 222, 0.8) 72.91667%, rgba(255, 222, 222, 0.8) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 77.08333%, rgba(255, 222, 222, 0.8) 77.08333%, rgba(255, 222, 222, 0.8) 79.16667%, rgba(0, 0, 0, 0) 79.16667%, rgba(0, 0, 0, 0) 81.25%, rgba(255, 222, 222, 0.8) 81.25%, rgba(255, 222, 222, 0.8) 83.33333%, rgba(0, 0, 0, 0) 83.33333%, rgba(0, 0, 0, 0) 85.41667%, rgba(255, 222, 222, 0.8) 85.41667%, rgba(255, 222, 222, 0.8) 87.5%, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 89.58333%, rgba(255, 222, 222, 0.8) 89.58333%, rgba(255, 222, 222, 0.8) 91.66667%, rgba(0, 0, 0, 0) 91.66667%, rgba(0, 0, 0, 0) 93.75%, rgba(255, 222, 222, 0.8) 93.75%, rgba(255, 222, 222, 0.8) 95.83333%, rgba(0, 0, 0, 0) 95.83333%, rgba(0, 0, 0, 0) 97.91667%, rgba(255, 222, 222, 0.8) 97.91667%) -10px top no-repeat;
51
- /* Test zen-grid-background() with $display-zen-grid-background: false */
52
- }
data/tests/controls/zen-grid-container.css DELETED
@@ -1,94 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-container()
4
- */
5
- #test-zen-grid-container {
6
- /* Test zen-grid-container() */
7
- }
8
- #test-zen-grid-container:before, #test-zen-grid-container:after {
9
- content: "";
10
- display: table;
11
- }
12
- #test-zen-grid-container:after {
13
- clear: both;
14
- }
15
-
16
- #test-zen-grid-container-2 {
17
- /* Test zen-grid-container() with IE 7 support */
18
- *position: relative;
19
- *zoom: 1;
20
- }
21
- #test-zen-grid-container-2:before, #test-zen-grid-container-2:after {
22
- content: "";
23
- display: table;
24
- }
25
- #test-zen-grid-container-2:after {
26
- clear: both;
27
- }
28
-
29
- #test-zen-grid-container-3 {
30
- /* Test zen-grid-container() with IE 6 support */
31
- *position: relative;
32
- *zoom: 1;
33
- }
34
- #test-zen-grid-container-3:before, #test-zen-grid-container-3:after {
35
- content: "";
36
- display: table;
37
- }
38
- #test-zen-grid-container-3:after {
39
- clear: both;
40
- }
41
-
42
- #test-zen-grid-container-4 {
43
- /* Test zen-grid-container() with $context: grid-item */
44
- padding-left: 0;
45
- padding-right: 0;
46
- }
47
- #test-zen-grid-container-4:before, #test-zen-grid-container-4:after {
48
- content: "";
49
- display: table;
50
- }
51
- #test-zen-grid-container-4:after {
52
- clear: both;
53
- }
54
-
55
- #test-zen-grid-container-5 {
56
- /* Test zen-grid-container() with $context: flow and $gutters: 21px */
57
- margin-left: -10px;
58
- margin-right: -11px;
59
- padding-left: 0;
60
- padding-right: 0;
61
- }
62
- #test-zen-grid-container-5:before, #test-zen-grid-container-5:after {
63
- content: "";
64
- display: table;
65
- }
66
- #test-zen-grid-container-5:after {
67
- clear: both;
68
- }
69
-
70
- #test-zen-grid-container-6 {
71
- /* Test zen-grid-container() with $context: flow and $gutters: 21px and $zen-switch-direction: true */
72
- margin-left: -11px;
73
- margin-right: -10px;
74
- padding-left: 0;
75
- padding-right: 0;
76
- }
77
- #test-zen-grid-container-6:before, #test-zen-grid-container-6:after {
78
- content: "";
79
- display: table;
80
- }
81
- #test-zen-grid-container-6:after {
82
- clear: both;
83
- }
84
-
85
- #test-zen-grid-container-7 {
86
- /* Test zen-grid-container() with $zen-gutter-method: margin */
87
- }
88
- #test-zen-grid-container-7:before, #test-zen-grid-container-7:after {
89
- content: "";
90
- display: table;
91
- }
92
- #test-zen-grid-container-7:after {
93
- clear: both;
94
- }
data/tests/controls/zen-grid-item-base.css DELETED
@@ -1,76 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-item-base()
4
- */
5
- #test-zen-grid-item-base {
6
- /* Test zen-grid-item-base() */
7
- padding-left: 10px;
8
- padding-right: 10px;
9
- -moz-box-sizing: border-box;
10
- -webkit-box-sizing: border-box;
11
- -ms-box-sizing: border-box;
12
- box-sizing: border-box;
13
- /* Test zen-grid-item-base() with $zen-box-sizing: content-box */
14
- padding-left: 10px;
15
- padding-right: 10px;
16
- border-left: 0 !important;
17
- border-right: 0 !important;
18
- /* Test zen-grid-item-base() with $zen-box-sizing: universal-border-box */
19
- padding-left: 10px;
20
- padding-right: 10px;
21
- /* Test zen-grid-item-base() with IE 7 support */
22
- padding-left: 10px;
23
- padding-right: 10px;
24
- -moz-box-sizing: border-box;
25
- -webkit-box-sizing: border-box;
26
- -ms-box-sizing: border-box;
27
- box-sizing: border-box;
28
- *word-wrap: break-word;
29
- /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and IE 7 support */
30
- padding-left: 10px;
31
- padding-right: 10px;
32
- -moz-box-sizing: border-box;
33
- -webkit-box-sizing: border-box;
34
- -ms-box-sizing: border-box;
35
- box-sizing: border-box;
36
- *behavior: url("/boxsizing.htc");
37
- *word-wrap: break-word;
38
- /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and IE 6 support */
39
- padding-left: 10px;
40
- padding-right: 10px;
41
- -moz-box-sizing: border-box;
42
- -webkit-box-sizing: border-box;
43
- -ms-box-sizing: border-box;
44
- box-sizing: border-box;
45
- *behavior: url("/boxsizing.htc");
46
- _display: inline;
47
- _overflow: hidden;
48
- _overflow-y: visible;
49
- *word-wrap: break-word;
50
- /* Test zen-grid-item-base() with $zen-gutters: 15px */
51
- padding-left: 7px;
52
- padding-right: 8px;
53
- -moz-box-sizing: border-box;
54
- -webkit-box-sizing: border-box;
55
- -ms-box-sizing: border-box;
56
- box-sizing: border-box;
57
- /* Test zen-grid-item-base() with $zen-gutters: 15px and $zen-direction: right */
58
- padding-left: 8px;
59
- padding-right: 7px;
60
- -moz-box-sizing: border-box;
61
- -webkit-box-sizing: border-box;
62
- -ms-box-sizing: border-box;
63
- box-sizing: border-box;
64
- /* Test zen-grid-item-base() with $zen-gutters: 15px and $zen-switch-direction: true */
65
- padding-left: 8px;
66
- padding-right: 7px;
67
- -moz-box-sizing: border-box;
68
- -webkit-box-sizing: border-box;
69
- -ms-box-sizing: border-box;
70
- box-sizing: border-box;
71
- /* Test zen-grid-item-base() with $zen-gutter-method: margin */
72
- -moz-box-sizing: border-box;
73
- -webkit-box-sizing: border-box;
74
- -ms-box-sizing: border-box;
75
- box-sizing: border-box;
76
- }
data/tests/controls/zen-grid-item.css DELETED
@@ -1,81 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-item()
4
- */
5
- #test-zen-grid-item {
6
- /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */
7
- float: left;
8
- width: 50%;
9
- margin-left: 25%;
10
- margin-right: -100%;
11
- padding-left: 10px;
12
- padding-right: 10px;
13
- -moz-box-sizing: border-box;
14
- -webkit-box-sizing: border-box;
15
- -ms-box-sizing: border-box;
16
- box-sizing: border-box;
17
- /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter and $zen-box-sizing: universal-border-box */
18
- float: left;
19
- width: 50%;
20
- margin-left: 25%;
21
- margin-right: -100%;
22
- padding-left: 10px;
23
- padding-right: 10px;
24
- /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */
25
- float: left;
26
- width: 50%;
27
- margin-left: 40%;
28
- margin-right: -100%;
29
- padding-left: 5%;
30
- padding-right: 5%;
31
- border-left: 0 !important;
32
- border-right: 0 !important;
33
- /* Turn off $zen-auto-include-grid-item-base */
34
- /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */
35
- float: left;
36
- width: 60%;
37
- margin-left: 40%;
38
- margin-right: -100%;
39
- /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */
40
- float: right;
41
- width: 60%;
42
- margin-right: 40%;
43
- margin-left: -100%;
44
- /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-switch-direction */
45
- float: right;
46
- width: 60%;
47
- margin-right: 40%;
48
- margin-left: -100%;
49
- /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-switch-direction */
50
- float: left;
51
- width: 60%;
52
- margin-left: 40%;
53
- margin-right: -100%;
54
- /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */
55
- float: left;
56
- width: 60%;
57
- margin-left: 30%;
58
- margin-right: -100%;
59
- /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */
60
- float: left;
61
- width: 600px;
62
- margin-left: 400px;
63
- margin-right: -100%;
64
- /* Test zen-grid-item(3, 3) with $zen-gutter-method: margin, 5 column grid and 5% gutter */
65
- float: left;
66
- width: 58%;
67
- margin-left: 42%;
68
- margin-right: -100%;
69
- /* Test zen-grid-item(3, 2.5) with $zen-gutter-method: margin, 5 column grid and 5% gutter */
70
- float: left;
71
- width: 58%;
72
- margin-left: 29%;
73
- margin-right: -100%;
74
- /* Test zen-grid-item(1, 1) with $gutters: 10px and $zen-auto-include-grid-item-base: false */
75
- float: left;
76
- width: 100%;
77
- margin-left: 0%;
78
- margin-right: -100%;
79
- padding-left: 5px;
80
- padding-right: 5px;
81
- }
data/tests/controls/zen-new-row.css DELETED
@@ -1,16 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-new-row()
4
- */
5
- #test-zen-new-row {
6
- /* Test zen-new-row() */
7
- clear: left;
8
- /* Test zen-new-row() with $zen-direction: right */
9
- clear: right;
10
- /* Test zen-new-row(left) */
11
- clear: left;
12
- /* Test zen-new-row(left, $switch-direction: TRUE) */
13
- clear: right;
14
- /* Test zen-new-row(left) with: $zen-switch-direction: TRUE; */
15
- clear: right;
16
- }
data/tests/tests/compass-compatibility.scss DELETED
@@ -1,55 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-container() and zen-grid-item() after @import compass.
4
- */
5
-
6
- @import "compass";
7
- @import "zen-grids";
8
-
9
- $box-sizing-polyfill-path: "/ie-box-sizing.htc";
10
-
11
- #test-zen-grid-container {
12
- /* Test zen-grid-container() */
13
- @include zen-grid-container();
14
- }
15
-
16
- #test-zen-grid-container-2 {
17
- /* Test zen-grid-container() with IE 8 support */
18
- $browser-minimum-versions: (ie: "8") !global;
19
- @include zen-grid-container();
20
- $browser-minimum-versions: (ie: null) !global;
21
- }
22
-
23
- #test-zen-grid-container-3 {
24
- /* Test zen-grid-container() with IE 7 support */
25
- $browser-minimum-versions: (ie: "7") !global;
26
- @include zen-grid-container();
27
- $browser-minimum-versions: (ie: null) !global;
28
- }
29
-
30
- #test-zen-grid-container-4 {
31
- /* Test zen-grid-container() with IE 6 support */
32
- $browser-minimum-versions: (ie: "6") !global;
33
- @include zen-grid-container();
34
- $browser-minimum-versions: (ie: null) !global;
35
- }
36
-
37
- #test-zen-grid-item {
38
- /* Test zen-grid-item(1, 1) */
39
- @include zen-grid-item(1, 1);
40
-
41
- /* Test zen-grid-item(1, 1) with IE 8 support */
42
- $browser-minimum-versions: (ie: "8") !global;
43
- @include zen-grid-item(1, 1);
44
- $browser-minimum-versions: (ie: null) !global;
45
-
46
- /* Test zen-grid-item(1, 1) with IE 7 support */
47
- $browser-minimum-versions: (ie: "7") !global;
48
- @include zen-grid-item(1, 1);
49
- $browser-minimum-versions: (ie: null) !global;
50
-
51
- /* Test zen-grid-item(1, 1) with IE 6 support */
52
- $browser-minimum-versions: (ie: "6") !global;
53
- @include zen-grid-item(1, 1);
54
- $browser-minimum-versions: (ie: null) !global;
55
- }
data/tests/tests/function-zen-direction-switch.scss DELETED
@@ -1,24 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-direction-switch()
4
- */
5
-
6
- @import "zen-grids";
7
-
8
- #test-zen-direction-switch {
9
- /* Test zen-direction-switch(left) */
10
- float: zen-direction-switch(left);
11
-
12
- /* Test zen-direction-switch(right) */
13
- float: zen-direction-switch(right);
14
-
15
- /* Test zen-direction-switch(both) */
16
- float: zen-direction-switch(both);
17
-
18
- /* Test zen-direction-switch(none) */
19
- float: zen-direction-switch(none);
20
-
21
- /* Test zen-direction-switch(invalid) */
22
- @warn "The following test will generate a warning.";
23
- float: zen-direction-switch(invalid);
24
- }
data/tests/tests/function-zen-grid-item-width.scss DELETED
@@ -1,44 +0,0 @@
1
- /**
2
- * @file
3
- * Test zen-grid-item-width()
4
- */
5
-
6
- @import "zen-grids";
7
-
8
- #test-zen-grid-item-width {
9
- /* Test zen-grid-item-width(1) with default $zen-columns: 1 */
10
- width: zen-grid-item-width(1);
11
-
12
- /* Test zen-grid-item-width(2) with $zen-columns: 5 */
13
- $zen-columns: 5 !global;
14
- width: zen-grid-item-width(2);
15
- $zen-columns: 1 !global;
16
-
17
- /* Test zen-grid-item-width(2, 5) */
18
- width: zen-grid-item-width(2, 5);
19
-
20
- /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
21
- $zen-grid-width: 100px !global;
22
- width: zen-grid-item-width(1);
23
- $zen-grid-width: 100% !global;
24
-
25
- /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
26
- $zen-grid-width: 100px !global;
27
- width: zen-grid-item-width(2, 5);
28
- $zen-grid-width: 100% !global;
29
-
30
- /* Test zen-grid-item-width(2, 5, $grid-width: 1000px) */
31
- width: zen-grid-item-width(2, 5, $grid-width: 1000px);
32
-
33
- /* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */
34
- width: zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box);
35
-
36
- /* Test zen-grid-item-width(2, 5, $gutters: 10px, $grid-width: 1000px, $box-sizing: content-box) */
37
- width: zen-grid-item-width(2, 5, $gutters: 10px, $grid-width: 1000px, $box-sizing: content-box);
38
-
39
- /* Test zen-grid-item-width(3, 5, $gutters: 10%, $gutter-method: margin) */
40
- width: zen-grid-item-width(3, 5, $gutters: 10%, $gutter-method: margin);
41
-
42
- /* Test zen-grid-item-width(3.5, 5, $gutters: 10%, $gutter-method: margin) */
43
- width: zen-grid-item-width(3.5, 5, $gutters: 10%, $gutter-method: margin);
44
- }