icofont.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. /*!
  2. * @package IcoFont
  3. * @version 1.0.1
  4. * @author IcoFont https://icofont.com
  5. * @copyright Copyright (c) 2015 - 2022 IcoFont
  6. * @license - https://icofont.com/license/
  7. */
  8. @font-face
  9. {
  10. font-family: "IcoFont";
  11. font-weight: normal;
  12. font-style: "Regular";
  13. src: url("./fonts/icofont.woff2") format("woff2"),
  14. url("./fonts/icofont.woff") format("woff");
  15. }
  16. [class^="icofont-"], [class*=" icofont-"]
  17. {
  18. font-family: 'IcoFont' !important;
  19. speak: none;
  20. font-style: normal;
  21. font-weight: normal;
  22. font-variant: normal;
  23. text-transform: none;
  24. white-space: nowrap;
  25. word-wrap: normal;
  26. direction: ltr;
  27. line-height: 1;
  28. /* Better Font Rendering =========== */
  29. -webkit-font-feature-settings: "liga";
  30. -webkit-font-smoothing: antialiased;
  31. }
  32. .icofont-rss:before
  33. {
  34. content: "\ed64";
  35. }
  36. .icofont-xs
  37. {
  38. font-size: .5em;
  39. }
  40. .icofont-sm
  41. {
  42. font-size: .75em;
  43. }
  44. .icofont-md
  45. {
  46. font-size: 1.25em;
  47. }
  48. .icofont-lg
  49. {
  50. font-size: 1.5em;
  51. }
  52. .icofont-1x
  53. {
  54. font-size: 1em;
  55. }
  56. .icofont-2x
  57. {
  58. font-size: 2em;
  59. }
  60. .icofont-3x
  61. {
  62. font-size: 3em;
  63. }
  64. .icofont-4x
  65. {
  66. font-size: 4em;
  67. }
  68. .icofont-5x
  69. {
  70. font-size: 5em;
  71. }
  72. .icofont-6x
  73. {
  74. font-size: 6em;
  75. }
  76. .icofont-7x
  77. {
  78. font-size: 7em;
  79. }
  80. .icofont-8x
  81. {
  82. font-size: 8em;
  83. }
  84. .icofont-9x
  85. {
  86. font-size: 9em;
  87. }
  88. .icofont-10x
  89. {
  90. font-size: 10em;
  91. }
  92. .icofont-fw
  93. {
  94. text-align: center;
  95. width: 1.25em;
  96. }
  97. .icofont-ul
  98. {
  99. list-style-type: none;
  100. padding-left: 0;
  101. margin-left: 0;
  102. }
  103. .icofont-ul > li
  104. {
  105. position: relative;
  106. line-height: 2em;
  107. }
  108. .icofont-ul > li .icofont
  109. {
  110. display: inline-block;
  111. vertical-align: middle;
  112. }
  113. .icofont-border
  114. {
  115. border: solid 0.08em #f1f1f1;
  116. border-radius: .1em;
  117. padding: .2em .25em .15em;
  118. }
  119. .icofont-pull-left
  120. {
  121. float: left;
  122. }
  123. .icofont-pull-right
  124. {
  125. float: right;
  126. }
  127. .icofont.icofont-pull-left
  128. {
  129. margin-right: .3em;
  130. }
  131. .icofont.icofont-pull-right
  132. {
  133. margin-left: .3em;
  134. }
  135. .icofont-spin
  136. {
  137. -webkit-animation: icofont-spin 2s infinite linear;
  138. animation: icofont-spin 2s infinite linear;
  139. display: inline-block;
  140. }
  141. .icofont-pulse
  142. {
  143. -webkit-animation: icofont-spin 1s infinite steps(8);
  144. animation: icofont-spin 1s infinite steps(8);
  145. display: inline-block;
  146. }
  147. @-webkit-keyframes icofont-spin
  148. {
  149. 0%
  150. {
  151. -webkit-transform: rotate(0deg);
  152. transform: rotate(0deg);
  153. }
  154. 100%
  155. {
  156. -webkit-transform: rotate(360deg);
  157. transform: rotate(360deg);
  158. }
  159. }
  160. @keyframes icofont-spin
  161. {
  162. 0%
  163. {
  164. -webkit-transform: rotate(0deg);
  165. transform: rotate(0deg);
  166. }
  167. 100%
  168. {
  169. -webkit-transform: rotate(360deg);
  170. transform: rotate(360deg);
  171. }
  172. }
  173. .icofont-rotate-90
  174. {
  175. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  176. -webkit-transform: rotate(90deg);
  177. transform: rotate(90deg);
  178. }
  179. .icofont-rotate-180
  180. {
  181. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  182. -webkit-transform: rotate(180deg);
  183. transform: rotate(180deg);
  184. }
  185. .icofont-rotate-270
  186. {
  187. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  188. -webkit-transform: rotate(270deg);
  189. transform: rotate(270deg);
  190. }
  191. .icofont-flip-horizontal
  192. {
  193. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  194. -webkit-transform: scale(-1, 1);
  195. transform: scale(-1, 1);
  196. }
  197. .icofont-flip-vertical
  198. {
  199. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  200. -webkit-transform: scale(1, -1);
  201. transform: scale(1, -1);
  202. }
  203. .icofont-flip-horizontal.icofont-flip-vertical
  204. {
  205. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  206. -webkit-transform: scale(-1, -1);
  207. transform: scale(-1, -1);
  208. }
  209. :root .icofont-rotate-90,
  210. :root .icofont-rotate-180,
  211. :root .icofont-rotate-270,
  212. :root .icofont-flip-horizontal,
  213. :root .icofont-flip-vertical
  214. {
  215. -webkit-filter: none;
  216. filter: none;
  217. display: inline-block;
  218. }
  219. .icofont-inverse
  220. {
  221. color: #fff;
  222. }
  223. .sr-only
  224. {
  225. border: 0;
  226. clip: rect(0, 0, 0, 0);
  227. height: 1px;
  228. margin: -1px;
  229. overflow: hidden;
  230. padding: 0;
  231. position: absolute;
  232. width: 1px;
  233. }
  234. .sr-only-focusable:active,
  235. .sr-only-focusable:focus
  236. {
  237. clip: auto;
  238. height: auto;
  239. margin: 0;
  240. overflow: visible;
  241. position: static;
  242. width: auto;
  243. }