ratchicons.scss 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. //
  2. // Ratchicons
  3. // --------------------------------------------------
  4. @font-face {
  5. font-family: Ratchicons;
  6. font-weight: normal;
  7. font-style: normal;
  8. src: url('../fonts/ratchicons.eot');
  9. src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'),
  10. url('../fonts/ratchicons.woff') format('woff'),
  11. url('../fonts/ratchicons.ttf') format('truetype'),
  12. url('../fonts/ratchicons.svg#svgFontName') format('svg');
  13. }
  14. .icon {
  15. display: inline-block;
  16. font-family: Ratchicons;
  17. font-size: 24px;
  18. line-height: 1;
  19. text-decoration: none;
  20. -webkit-font-smoothing: antialiased;
  21. }
  22. .icon-back { &:before { content: '\e80a'; } }
  23. .icon-bars { &:before { content: '\e80e'; } }
  24. .icon-caret { &:before { content: '\e80f'; } }
  25. .icon-check { &:before { content: '\e810'; } }
  26. .icon-close { &:before { content: '\e811'; } }
  27. .icon-code { &:before { content: '\e812'; } }
  28. .icon-compose { &:before { content: '\e813'; } }
  29. .icon-download { &:before { content: '\e815'; } }
  30. .icon-edit { &:before { content: '\e829'; } }
  31. .icon-forward { &:before { content: '\e82a'; } }
  32. .icon-gear { &:before { content: '\e821'; } }
  33. .icon-home { &:before { content: '\e82b'; } }
  34. .icon-info { &:before { content: '\e82c'; } }
  35. .icon-list { &:before { content: '\e823'; } }
  36. .icon-more-vertical { &:before { content: '\e82e'; } }
  37. .icon-more { &:before { content: '\e82f'; } }
  38. .icon-pages { &:before { content: '\e824'; } }
  39. .icon-pause { &:before { content: '\e830'; } }
  40. .icon-person { &:before { content: '\e832'; } }
  41. .icon-play { &:before { content: '\e816'; } }
  42. .icon-plus { &:before { content: '\e817'; } }
  43. .icon-refresh { &:before { content: '\e825'; } }
  44. .icon-search { &:before { content: '\e819'; } }
  45. .icon-share { &:before { content: '\e81a'; } }
  46. .icon-sound { &:before { content: '\e827'; } }
  47. .icon-sound2 { &:before { content: '\e828'; } }
  48. .icon-sound3 { &:before { content: '\e80b'; } }
  49. .icon-sound4 { &:before { content: '\e80c'; } }
  50. .icon-star-filled { &:before { content: '\e81b'; } }
  51. .icon-star { &:before { content: '\e81c'; } }
  52. .icon-stop { &:before { content: '\e81d'; } }
  53. .icon-trash { &:before { content: '\e81e'; } }
  54. .icon-up-nav { &:before { content: '\e81f'; } }
  55. .icon-up { &:before { content: '\e80d'; } }
  56. .icon-right-nav { &:before { content: '\e818'; } }
  57. .icon-right { &:before { content: '\e826'; } }
  58. .icon-down-nav { &:before { content: '\e814'; } }
  59. .icon-down { &:before { content: '\e820'; } }
  60. .icon-left-nav { &:before { content: '\e82d'; } }
  61. .icon-left { &:before { content: '\e822'; } }