icons.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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-path}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. }
  49. .ui-grid-icon-plus-squared:before {
  50. content: '\c350'
  51. }
  52. .ui-grid-icon-minus-squared:before {
  53. content: '\c351'
  54. }
  55. .ui-grid-icon-search:before {
  56. content: '\c352'
  57. }
  58. .ui-grid-icon-cancel:before {
  59. content: '\c353'
  60. }
  61. .ui-grid-icon-info-circled:before {
  62. content: '\c354'
  63. }
  64. .ui-grid-icon-lock:before {
  65. content: '\c355'
  66. }
  67. .ui-grid-icon-lock-open:before {
  68. content: '\c356'
  69. }
  70. .ui-grid-icon-pencil:before {
  71. content: '\c357'
  72. }
  73. .ui-grid-icon-down-dir:before {
  74. content: '\c358'
  75. }
  76. .ui-grid-icon-up-dir:before {
  77. content: '\c359'
  78. }
  79. .ui-grid-icon-left-dir:before {
  80. content: '\c35a'
  81. }
  82. .ui-grid-icon-right-dir:before {
  83. content: '\c35b'
  84. }
  85. .ui-grid-icon-left-open:before {
  86. content: '\c35c'
  87. }
  88. .ui-grid-icon-right-open:before {
  89. content: '\c35d'
  90. }
  91. .ui-grid-icon-angle-down:before {
  92. content: '\c35e'
  93. }
  94. .ui-grid-icon-filter:before {
  95. content: '\c35f'
  96. }
  97. .ui-grid-icon-sort-alt-up:before {
  98. content: '\c360'
  99. }
  100. .ui-grid-icon-sort-alt-down:before {
  101. content: '\c361'
  102. }
  103. .ui-grid-icon-ok:before {
  104. content: '\c362'
  105. }
  106. .ui-grid-icon-menu:before {
  107. content: '\c363'
  108. }
  109. .ui-grid-icon-indent-left:before {
  110. content: '\e800'
  111. }
  112. .ui-grid-icon-indent-right:before {
  113. content: '\e801'
  114. }
  115. .ui-grid-icon-spin5:before {
  116. content: '\ea61'
  117. }