icons.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @font-face {
  2. font-family: "fuelux";
  3. src:url("@{fueluxFontPath}fuelux.eot");
  4. src:url("@{fueluxFontPath}fuelux.eot?#iefix") format("embedded-opentype"),
  5. url("@{fueluxFontPath}fuelux.woff") format("woff"),
  6. url("@{fueluxFontPath}fuelux.ttf") format("truetype"),
  7. url("@{fueluxFontPath}fuelux.svg#fuelux") format("svg");
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. //This could be an interesting addition...
  12. //[data-icon]:before {
  13. // .iconBaseStyles();
  14. // content: attr(data-icon);
  15. //}
  16. [class^="fueluxicon-"]:before,
  17. [class*=" fueluxicon-"]:before {
  18. .iconBaseStyles();
  19. }
  20. .fueluxicon-loader-full:before {
  21. content: "\e000";
  22. }
  23. .fueluxicon-loader-1:before {
  24. content: "\e001";
  25. }
  26. .fueluxicon-loader-2:before {
  27. content: "\e002";
  28. }
  29. .fueluxicon-loader-3:before {
  30. content: "\e003";
  31. }
  32. .fueluxicon-loader-4:before {
  33. content: "\e004";
  34. }
  35. .fueluxicon-loader-5:before {
  36. content: "\e005";
  37. }
  38. .fueluxicon-loader-6:before {
  39. content: "\e006";
  40. }
  41. .fueluxicon-loader-7:before {
  42. content: "\e007";
  43. }
  44. .fueluxicon-loader-8:before {
  45. content: "\e008";
  46. }
  47. //tree
  48. .fueluxicon-bullet:before {
  49. content: "\e009";
  50. }