8
0

icon.html 577 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <head>
  2. <style>
  3. .test-cases li {
  4. width: 200px;
  5. text-align: center;
  6. }
  7. </style>
  8. </head>
  9. <div class="test-cases">
  10. <h2>Icon sizing</h2>
  11. <ol>
  12. <li id="icon20"></li>
  13. <li id="icon40"></li>
  14. <li id="icon60"></li>
  15. </ol>
  16. <h2>Icon colors</h2>
  17. <ol>
  18. <li>icon <span id="icon-red"></span> has own color</li>
  19. <li style="color: blue">icon <span id="icon-blue-inherited"></span> inherits color</li>
  20. </ol>
  21. <h2>Icon with dirty markup</h2>
  22. <ol>
  23. <li id="icon-dirty"></li>
  24. </ol>
  25. <h2>Icon with own viewBox</h2>
  26. <ol>
  27. <li id="icon-view-box"></li>
  28. </ol>
  29. </div>