You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

963 lines
14 KiB

3 years ago
  1. $iconic-font-path: '../fonts/' !default;
  2. @font-face {
  3. font-family: 'Icons';
  4. src: url('#{$iconic-font-path}open-iconic.eot');
  5. src: url('#{$iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$iconic-font-path}open-iconic.woff') format('woff'), url('#{$iconic-font-path}open-iconic.ttf') format('truetype'), url('#{$iconic-font-path}open-iconic.otf') format('opentype'), url('#{$iconic-font-path}open-iconic.svg#iconic-sm') format('svg');
  6. font-weight: normal;
  7. font-style: normal;
  8. }
  9. .oi[data-glyph].oi-text-replace {
  10. font-size: 0;
  11. line-height: 0;
  12. }
  13. .oi[data-glyph].oi-text-replace:before {
  14. width: 1em;
  15. text-align: center;
  16. }
  17. .oi[data-glyph] {
  18. &:before {
  19. position: relative;
  20. top: 1px;
  21. font-family: 'Icons';
  22. display: inline-block;
  23. speak: none;
  24. line-height: 1;
  25. vertical-align: baseline;
  26. font-weight: normal;
  27. font-style: normal;
  28. -webkit-font-smoothing: antialiased;
  29. -moz-osx-font-smoothing: grayscale;
  30. }
  31. &:empty:before {
  32. width: 1em;
  33. text-align: center;
  34. box-sizing: content-box;
  35. }
  36. &.oi-align-left:before {
  37. text-align: left;
  38. }
  39. &.oi-align-right:before {
  40. text-align: right;
  41. }
  42. &.oi-align-center:before {
  43. text-align: center;
  44. }
  45. &.oi-flip-horizontal:before {
  46. -webkit-transform: scale(-1, 1);
  47. -ms-transform: scale(-1, 1);
  48. transform: scale(-1, 1);
  49. }
  50. &.oi-flip-vertical:before {
  51. -webkit-transform: scale(1, -1);
  52. -ms-transform: scale(-1, 1);
  53. transform: scale(1, -1);
  54. }
  55. &.oi-flip-horizontal-vertical:before {
  56. -webkit-transform: scale(-1, -1);
  57. -ms-transform: scale(-1, 1);
  58. transform: scale(-1, -1);
  59. }
  60. }
  61. .oi[data-glyph=account-login]:before {
  62. content: '\e000';
  63. }
  64. .oi[data-glyph=account-logout]:before {
  65. content: '\e001';
  66. }
  67. .oi[data-glyph=action-redo]:before {
  68. content: '\e002';
  69. }
  70. .oi[data-glyph=action-undo]:before {
  71. content: '\e003';
  72. }
  73. .oi[data-glyph=align-center]:before {
  74. content: '\e004';
  75. }
  76. .oi[data-glyph=align-left]:before {
  77. content: '\e005';
  78. }
  79. .oi[data-glyph=align-right]:before {
  80. content: '\e006';
  81. }
  82. .oi[data-glyph=aperture]:before {
  83. content: '\e007';
  84. }
  85. .oi[data-glyph=arrow-bottom]:before {
  86. content: '\e008';
  87. }
  88. .oi[data-glyph=arrow-circle-bottom]:before {
  89. content: '\e009';
  90. }
  91. .oi[data-glyph=arrow-circle-left]:before {
  92. content: '\e00a';
  93. }
  94. .oi[data-glyph=arrow-circle-right]:before {
  95. content: '\e00b';
  96. }
  97. .oi[data-glyph=arrow-circle-top]:before {
  98. content: '\e00c';
  99. }
  100. .oi[data-glyph=arrow-left]:before {
  101. content: '\e00d';
  102. }
  103. .oi[data-glyph=arrow-right]:before {
  104. content: '\e00e';
  105. }
  106. .oi[data-glyph=arrow-thick-bottom]:before {
  107. content: '\e00f';
  108. }
  109. .oi[data-glyph=arrow-thick-left]:before {
  110. content: '\e010';
  111. }
  112. .oi[data-glyph=arrow-thick-right]:before {
  113. content: '\e011';
  114. }
  115. .oi[data-glyph=arrow-thick-top]:before {
  116. content: '\e012';
  117. }
  118. .oi[data-glyph=arrow-top]:before {
  119. content: '\e013';
  120. }
  121. .oi[data-glyph=audio-spectrum]:before {
  122. content: '\e014';
  123. }
  124. .oi[data-glyph=audio]:before {
  125. content: '\e015';
  126. }
  127. .oi[data-glyph=badge]:before {
  128. content: '\e016';
  129. }
  130. .oi[data-glyph=ban]:before {
  131. content: '\e017';
  132. }
  133. .oi[data-glyph=bar-chart]:before {
  134. content: '\e018';
  135. }
  136. .oi[data-glyph=basket]:before {
  137. content: '\e019';
  138. }
  139. .oi[data-glyph=battery-empty]:before {
  140. content: '\e01a';
  141. }
  142. .oi[data-glyph=battery-full]:before {
  143. content: '\e01b';
  144. }
  145. .oi[data-glyph=beaker]:before {
  146. content: '\e01c';
  147. }
  148. .oi[data-glyph=bell]:before {
  149. content: '\e01d';
  150. }
  151. .oi[data-glyph=bluetooth]:before {
  152. content: '\e01e';
  153. }
  154. .oi[data-glyph=bold]:before {
  155. content: '\e01f';
  156. }
  157. .oi[data-glyph=bolt]:before {
  158. content: '\e020';
  159. }
  160. .oi[data-glyph=book]:before {
  161. content: '\e021';
  162. }
  163. .oi[data-glyph=bookmark]:before {
  164. content: '\e022';
  165. }
  166. .oi[data-glyph=box]:before {
  167. content: '\e023';
  168. }
  169. .oi[data-glyph=briefcase]:before {
  170. content: '\e024';
  171. }
  172. .oi[data-glyph=british-pound]:before {
  173. content: '\e025';
  174. }
  175. .oi[data-glyph=browser]:before {
  176. content: '\e026';
  177. }
  178. .oi[data-glyph=brush]:before {
  179. content: '\e027';
  180. }
  181. .oi[data-glyph=bug]:before {
  182. content: '\e028';
  183. }
  184. .oi[data-glyph=bullhorn]:before {
  185. content: '\e029';
  186. }
  187. .oi[data-glyph=calculator]:before {
  188. content: '\e02a';
  189. }
  190. .oi[data-glyph=calendar]:before {
  191. content: '\e02b';
  192. }
  193. .oi[data-glyph=camera-slr]:before {
  194. content: '\e02c';
  195. }
  196. .oi[data-glyph=caret-bottom]:before {
  197. content: '\e02d';
  198. }
  199. .oi[data-glyph=caret-left]:before {
  200. content: '\e02e';
  201. }
  202. .oi[data-glyph=caret-right]:before {
  203. content: '\e02f';
  204. }
  205. .oi[data-glyph=caret-top]:before {
  206. content: '\e030';
  207. }
  208. .oi[data-glyph=cart]:before {
  209. content: '\e031';
  210. }
  211. .oi[data-glyph=chat]:before {
  212. content: '\e032';
  213. }
  214. .oi[data-glyph=check]:before {
  215. content: '\e033';
  216. }
  217. .oi[data-glyph=chevron-bottom]:before {
  218. content: '\e034';
  219. }
  220. .oi[data-glyph=chevron-left]:before {
  221. content: '\e035';
  222. }
  223. .oi[data-glyph=chevron-right]:before {
  224. content: '\e036';
  225. }
  226. .oi[data-glyph=chevron-top]:before {
  227. content: '\e037';
  228. }
  229. .oi[data-glyph=circle-check]:before {
  230. content: '\e038';
  231. }
  232. .oi[data-glyph=circle-x]:before {
  233. content: '\e039';
  234. }
  235. .oi[data-glyph=clipboard]:before {
  236. content: '\e03a';
  237. }
  238. .oi[data-glyph=clock]:before {
  239. content: '\e03b';
  240. }
  241. .oi[data-glyph=cloud-download]:before {
  242. content: '\e03c';
  243. }
  244. .oi[data-glyph=cloud-upload]:before {
  245. content: '\e03d';
  246. }
  247. .oi[data-glyph=cloud]:before {
  248. content: '\e03e';
  249. }
  250. .oi[data-glyph=cloudy]:before {
  251. content: '\e03f';
  252. }
  253. .oi[data-glyph=code]:before {
  254. content: '\e040';
  255. }
  256. .oi[data-glyph=cog]:before {
  257. content: '\e041';
  258. }
  259. .oi[data-glyph=collapse-down]:before {
  260. content: '\e042';
  261. }
  262. .oi[data-glyph=collapse-left]:before {
  263. content: '\e043';
  264. }
  265. .oi[data-glyph=collapse-right]:before {
  266. content: '\e044';
  267. }
  268. .oi[data-glyph=collapse-up]:before {
  269. content: '\e045';
  270. }
  271. .oi[data-glyph=command]:before {
  272. content: '\e046';
  273. }
  274. .oi[data-glyph=comment-square]:before {
  275. content: '\e047';
  276. }
  277. .oi[data-glyph=compass]:before {
  278. content: '\e048';
  279. }
  280. .oi[data-glyph=contrast]:before {
  281. content: '\e049';
  282. }
  283. .oi[data-glyph=copywriting]:before {
  284. content: '\e04a';
  285. }
  286. .oi[data-glyph=credit-card]:before {
  287. content: '\e04b';
  288. }
  289. .oi[data-glyph=crop]:before {
  290. content: '\e04c';
  291. }
  292. .oi[data-glyph=dashboard]:before {
  293. content: '\e04d';
  294. }
  295. .oi[data-glyph=data-transfer-download]:before {
  296. content: '\e04e';
  297. }
  298. .oi[data-glyph=data-transfer-upload]:before {
  299. content: '\e04f';
  300. }
  301. .oi[data-glyph=delete]:before {
  302. content: '\e050';
  303. }
  304. .oi[data-glyph=dial]:before {
  305. content: '\e051';
  306. }
  307. .oi[data-glyph=document]:before {
  308. content: '\e052';
  309. }
  310. .oi[data-glyph=dollar]:before {
  311. content: '\e053';
  312. }
  313. .oi[data-glyph=double-quote-sans-left]:before {
  314. content: '\e054';
  315. }
  316. .oi[data-glyph=double-quote-sans-right]:before {
  317. content: '\e055';
  318. }
  319. .oi[data-glyph=double-quote-serif-left]:before {
  320. content: '\e056';
  321. }
  322. .oi[data-glyph=double-quote-serif-right]:before {
  323. content: '\e057';
  324. }
  325. .oi[data-glyph=droplet]:before {
  326. content: '\e058';
  327. }
  328. .oi[data-glyph=eject]:before {
  329. content: '\e059';
  330. }
  331. .oi[data-glyph=elevator]:before {
  332. content: '\e05a';
  333. }
  334. .oi[data-glyph=ellipses]:before {
  335. content: '\e05b';
  336. }
  337. .oi[data-glyph=envelope-closed]:before {
  338. content: '\e05c';
  339. }
  340. .oi[data-glyph=envelope-open]:before {
  341. content: '\e05d';
  342. }
  343. .oi[data-glyph=euro]:before {
  344. content: '\e05e';
  345. }
  346. .oi[data-glyph=excerpt]:before {
  347. content: '\e05f';
  348. }
  349. .oi[data-glyph=expand-down]:before {
  350. content: '\e060';
  351. }
  352. .oi[data-glyph=expand-left]:before {
  353. content: '\e061';
  354. }
  355. .oi[data-glyph=expand-right]:before {
  356. content: '\e062';
  357. }
  358. .oi[data-glyph=expand-up]:before {
  359. content: '\e063';
  360. }
  361. .oi[data-glyph=external-link]:before {
  362. content: '\e064';
  363. }
  364. .oi[data-glyph=eye]:before {
  365. content: '\e065';
  366. }
  367. .oi[data-glyph=eyedropper]:before {
  368. content: '\e066';
  369. }
  370. .oi[data-glyph=file]:before {
  371. content: '\e067';
  372. }
  373. .oi[data-glyph=fire]:before {
  374. content: '\e068';
  375. }
  376. .oi[data-glyph=flag]:before {
  377. content: '\e069';
  378. }
  379. .oi[data-glyph=flash]:before {
  380. content: '\e06a';
  381. }
  382. .oi[data-glyph=folder]:before {
  383. content: '\e06b';
  384. }
  385. .oi[data-glyph=fork]:before {
  386. content: '\e06c';
  387. }
  388. .oi[data-glyph=fullscreen-enter]:before {
  389. content: '\e06d';
  390. }
  391. .oi[data-glyph=fullscreen-exit]:before {
  392. content: '\e06e';
  393. }
  394. .oi[data-glyph=globe]:before {
  395. content: '\e06f';
  396. }
  397. .oi[data-glyph=graph]:before {
  398. content: '\e070';
  399. }
  400. .oi[data-glyph=grid-four-up]:before {
  401. content: '\e071';
  402. }
  403. .oi[data-glyph=grid-three-up]:before {
  404. content: '\e072';
  405. }
  406. .oi[data-glyph=grid-two-up]:before {
  407. content: '\e073';
  408. }
  409. .oi[data-glyph=hard-drive]:before {
  410. content: '\e074';
  411. }
  412. .oi[data-glyph=header]:before {
  413. content: '\e075';
  414. }
  415. .oi[data-glyph=headphones]:before {
  416. content: '\e076';
  417. }
  418. .oi[data-glyph=heart]:before {
  419. content: '\e077';
  420. }
  421. .oi[data-glyph=home]:before {
  422. content: '\e078';
  423. }
  424. .oi[data-glyph=image]:before {
  425. content: '\e079';
  426. }
  427. .oi[data-glyph=inbox]:before {
  428. content: '\e07a';
  429. }
  430. .oi[data-glyph=infinity]:before {
  431. content: '\e07b';
  432. }
  433. .oi[data-glyph=info]:before {
  434. content: '\e07c';
  435. }
  436. .oi[data-glyph=italic]:before {
  437. content: '\e07d';
  438. }
  439. .oi[data-glyph=justify-center]:before {
  440. content: '\e07e';
  441. }
  442. .oi[data-glyph=justify-left]:before {
  443. content: '\e07f';
  444. }
  445. .oi[data-glyph=justify-right]:before {
  446. content: '\e080';
  447. }
  448. .oi[data-glyph=key]:before {
  449. content: '\e081';
  450. }
  451. .oi[data-glyph=laptop]:before {
  452. content: '\e082';
  453. }
  454. .oi[data-glyph=layers]:before {
  455. content: '\e083';
  456. }
  457. .oi[data-glyph=lightbulb]:before {
  458. content: '\e084';
  459. }
  460. .oi[data-glyph=link-broken]:before {
  461. content: '\e085';
  462. }
  463. .oi[data-glyph=link-intact]:before {
  464. content: '\e086';
  465. }
  466. .oi[data-glyph=list-rich]:before {
  467. content: '\e087';
  468. }
  469. .oi[data-glyph=list]:before {
  470. content: '\e088';
  471. }
  472. .oi[data-glyph=location]:before {
  473. content: '\e089';
  474. }
  475. .oi[data-glyph=lock-locked]:before {
  476. content: '\e08a';
  477. }
  478. .oi[data-glyph=lock-unlocked]:before {
  479. content: '\e08b';
  480. }
  481. .oi[data-glyph=loop-circular]:before {
  482. content: '\e08c';
  483. }
  484. .oi[data-glyph=loop-square]:before {
  485. content: '\e08d';
  486. }
  487. .oi[data-glyph=loop]:before {
  488. content: '\e08e';
  489. }
  490. .oi[data-glyph=magnifying-glass]:before {
  491. content: '\e08f';
  492. }
  493. .oi[data-glyph=map-marker]:before {
  494. content: '\e090';
  495. }
  496. .oi[data-glyph=map]:before {
  497. content: '\e091';
  498. }
  499. .oi[data-glyph=media-pause]:before {
  500. content: '\e092';
  501. }
  502. .oi[data-glyph=media-play]:before {
  503. content: '\e093';
  504. }
  505. .oi[data-glyph=media-record]:before {
  506. content: '\e094';
  507. }
  508. .oi[data-glyph=media-skip-backward]:before {
  509. content: '\e095';
  510. }
  511. .oi[data-glyph=media-skip-forward]:before {
  512. content: '\e096';
  513. }
  514. .oi[data-glyph=media-step-backward]:before {
  515. content: '\e097';
  516. }
  517. .oi[data-glyph=media-step-forward]:before {
  518. content: '\e098';
  519. }
  520. .oi[data-glyph=media-stop]:before {
  521. content: '\e099';
  522. }
  523. .oi[data-glyph=medical-cross]:before {
  524. content: '\e09a';
  525. }
  526. .oi[data-glyph=menu]:before {
  527. content: '\e09b';
  528. }
  529. .oi[data-glyph=microphone]:before {
  530. content: '\e09c';
  531. }
  532. .oi[data-glyph=minus]:before {
  533. content: '\e09d';
  534. }
  535. .oi[data-glyph=monitor]:before {
  536. content: '\e09e';
  537. }
  538. .oi[data-glyph=moon]:before {
  539. content: '\e09f';
  540. }
  541. .oi[data-glyph=move]:before {
  542. content: '\e0a0';
  543. }
  544. .oi[data-glyph=musical-note]:before {
  545. content: '\e0a1';
  546. }
  547. .oi[data-glyph=paperclip]:before {
  548. content: '\e0a2';
  549. }
  550. .oi[data-glyph=pencil]:before {
  551. content: '\e0a3';
  552. }
  553. .oi[data-glyph=people]:before {
  554. content: '\e0a4';
  555. }
  556. .oi[data-glyph=person]:before {
  557. content: '\e0a5';
  558. }
  559. .oi[data-glyph=phone]:before {
  560. content: '\e0a6';
  561. }
  562. .oi[data-glyph=pie-chart]:before {
  563. content: '\e0a7';
  564. }
  565. .oi[data-glyph=pin]:before {
  566. content: '\e0a8';
  567. }
  568. .oi[data-glyph=play-circle]:before {
  569. content: '\e0a9';
  570. }
  571. .oi[data-glyph=plus]:before {
  572. content: '\e0aa';
  573. }
  574. .oi[data-glyph=power-standby]:before {
  575. content: '\e0ab';
  576. }
  577. .oi[data-glyph=print]:before {
  578. content: '\e0ac';
  579. }
  580. .oi[data-glyph=project]:before {
  581. content: '\e0ad';
  582. }
  583. .oi[data-glyph=pulse]:before {
  584. content: '\e0ae';
  585. }
  586. .oi[data-glyph=puzzle-piece]:before {
  587. content: '\e0af';
  588. }
  589. .oi[data-glyph=question-mark]:before {
  590. content: '\e0b0';
  591. }
  592. .oi[data-glyph=rain]:before {
  593. content: '\e0b1';
  594. }
  595. .oi[data-glyph=random]:before {
  596. content: '\e0b2';
  597. }
  598. .oi[data-glyph=reload]:before {
  599. content: '\e0b3';
  600. }
  601. .oi[data-glyph=resize-both]:before {
  602. content: '\e0b4';
  603. }
  604. .oi[data-glyph=resize-height]:before {
  605. content: '\e0b5';
  606. }
  607. .oi[data-glyph=resize-width]:before {
  608. content: '\e0b6';
  609. }
  610. .oi[data-glyph=rss-alt]:before {
  611. content: '\e0b7';
  612. }
  613. .oi[data-glyph=rss]:before {
  614. content: '\e0b8';
  615. }
  616. .oi[data-glyph=script]:before {
  617. content: '\e0b9';
  618. }
  619. .oi[data-glyph=share-boxed]:before {
  620. content: '\e0ba';
  621. }
  622. .oi[data-glyph=share]:before {
  623. content: '\e0bb';
  624. }
  625. .oi[data-glyph=shield]:before {
  626. content: '\e0bc';
  627. }
  628. .oi[data-glyph=signal]:before {
  629. content: '\e0bd';
  630. }
  631. .oi[data-glyph=signpost]:before {
  632. content: '\e0be';
  633. }
  634. .oi[data-glyph=sort-ascending]:before {
  635. content: '\e0bf';
  636. }
  637. .oi[data-glyph=sort-descending]:before {
  638. content: '\e0c0';
  639. }
  640. .oi[data-glyph=spreadsheet]:before {
  641. content: '\e0c1';
  642. }
  643. .oi[data-glyph=star]:before {
  644. content: '\e0c2';
  645. }
  646. .oi[data-glyph=sun]:before {
  647. content: '\e0c3';
  648. }
  649. .oi[data-glyph=tablet]:before {
  650. content: '\e0c4';
  651. }
  652. .oi[data-glyph=tag]:before {
  653. content: '\e0c5';
  654. }
  655. .oi[data-glyph=tags]:before {
  656. content: '\e0c6';
  657. }
  658. .oi[data-glyph=target]:before {
  659. content: '\e0c7';
  660. }
  661. .oi[data-glyph=task]:before {
  662. content: '\e0c8';
  663. }
  664. .oi[data-glyph=terminal]:before {
  665. content: '\e0c9';
  666. }
  667. .oi[data-glyph=text]:before {
  668. content: '\e0ca';
  669. }
  670. .oi[data-glyph=thumb-down]:before {
  671. content: '\e0cb';
  672. }
  673. .oi[data-glyph=thumb-up]:before {
  674. content: '\e0cc';
  675. }
  676. .oi[data-glyph=timer]:before {
  677. content: '\e0cd';
  678. }
  679. .oi[data-glyph=transfer]:before {
  680. content: '\e0ce';
  681. }
  682. .oi[data-glyph=trash]:before {
  683. content: '\e0cf';
  684. }
  685. .oi[data-glyph=underline]:before {
  686. content: '\e0d0';
  687. }
  688. .oi[data-glyph=vertical-align-bottom]:before {
  689. content: '\e0d1';
  690. }
  691. .oi[data-glyph=vertical-align-center]:before {
  692. content: '\e0d2';
  693. }
  694. .oi[data-glyph=vertical-align-top]:before {
  695. content: '\e0d3';
  696. }
  697. .oi[data-glyph=video]:before {
  698. content: '\e0d4';
  699. }
  700. .oi[data-glyph=volume-high]:before {
  701. content: '\e0d5';
  702. }
  703. .oi[data-glyph=volume-low]:before {
  704. content: '\e0d6';
  705. }
  706. .oi[data-glyph=volume-off]:before {
  707. content: '\e0d7';
  708. }
  709. .oi[data-glyph=warning]:before {
  710. content: '\e0d8';
  711. }
  712. .oi[data-glyph=wifi]:before {
  713. content: '\e0d9';
  714. }
  715. .oi[data-glyph=wrench]:before {
  716. content: '\e0da';
  717. }
  718. .oi[data-glyph=x]:before {
  719. content: '\e0db';
  720. }
  721. .oi[data-glyph=yen]:before {
  722. content: '\e0dc';
  723. }
  724. .oi[data-glyph=zoom-in]:before {
  725. content: '\e0dd';
  726. }
  727. .oi[data-glyph=zoom-out]:before {
  728. content: '\e0de';
  729. }