icons.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @font-face {
  2. font-family: 'ui-grid';
  3. src: url('@{font-path}ui-grid.eot');
  4. src: url('@{font-path}ui-grid.eot#iefix') format('embedded-opentype'),
  5. url('@{font-path}ui-grid.woff') format('woff'),
  6. url('@{font-path}ui-grid.ttf') format('truetype'),
  7. url('@{font-path}ui-grid.svg?#ui-grid') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  12. /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  13. /*
  14. @media screen and (-webkit-min-device-pixel-ratio:0) {
  15. @font-face {
  16. font-family: 'ui-grid';
  17. src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
  18. }
  19. }
  20. */
  21. [class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
  22. font-family: "ui-grid";
  23. font-style: normal;
  24. font-weight: normal;
  25. speak: none;
  26. display: inline-block;
  27. text-decoration: inherit;
  28. width: 1em;
  29. margin-right: .2em;
  30. text-align: center;
  31. /* opacity: .8; */
  32. /* For safety - reset parent styles, that can break glyph codes*/
  33. font-variant: normal;
  34. text-transform: none;
  35. /* fix buttons height, for twitter bootstrap */
  36. line-height: 1em;
  37. /* Animation center compensation - margins should be symmetric */
  38. /* remove if not needed */
  39. margin-left: .2em;
  40. /* you can be more comfortable with increased icons size */
  41. /* font-size: 120%; */
  42. /* Uncomment for 3D effect */
  43. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  44. }
  45. .ui-grid-icon-blank::before {
  46. width: 1em;
  47. content: ' ';
  48. }