You are here

menu_select_icons.css in Menu Select 7

@charset "UTF-8";

@font-face {
  font-family: "menu-select";
  src:url("../fonts/menu-select.eot");
  src:url("../fonts/menu-select.eot?#iefix") format("embedded-opentype"),
    url("../fonts/menu-select.woff") format("woff"),
    url("../fonts/menu-select.ttf") format("truetype"),
    url("../fonts/menu-select.svg#menu-select") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "menu-select" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.menu-select-menu-hierarchy .selected:after {
  display: inline-block;
  width: 13px;
  font-family: "menu-select" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle:before {
  content: "a";
  font-size: 6px;
}
.icon-caret-right:before {
  content: "b";
}
.icon-caret-down-two:before {
  content: "c";
}
.icon-check-mark:before,
.menu-select-menu-hierarchy .selected:after {
  content: "d";
}

File

css/menu_select_icons.css
View source
  1. @charset "UTF-8";
  2. @font-face {
  3. font-family: "menu-select";
  4. src:url("../fonts/menu-select.eot");
  5. src:url("../fonts/menu-select.eot?#iefix") format("embedded-opentype"),
  6. url("../fonts/menu-select.woff") format("woff"),
  7. url("../fonts/menu-select.ttf") format("truetype"),
  8. url("../fonts/menu-select.svg#menu-select") format("svg");
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. [data-icon]:before {
  13. font-family: "menu-select" !important;
  14. content: attr(data-icon);
  15. font-style: normal !important;
  16. font-weight: normal !important;
  17. font-variant: normal !important;
  18. text-transform: none !important;
  19. speak: none;
  20. line-height: 1;
  21. -webkit-font-smoothing: antialiased;
  22. -moz-osx-font-smoothing: grayscale;
  23. }
  24. [class^="icon-"]:before,
  25. [class*=" icon-"]:before,
  26. .menu-select-menu-hierarchy .selected:after {
  27. display: inline-block;
  28. width: 13px;
  29. font-family: "menu-select" !important;
  30. font-style: normal !important;
  31. font-weight: normal !important;
  32. font-variant: normal !important;
  33. text-transform: none !important;
  34. speak: none;
  35. line-height: 16px;
  36. -webkit-font-smoothing: antialiased;
  37. -moz-osx-font-smoothing: grayscale;
  38. }
  39. .icon-circle:before {
  40. content: "a";
  41. font-size: 6px;
  42. }
  43. .icon-caret-right:before {
  44. content: "b";
  45. }
  46. .icon-caret-down-two:before {
  47. content: "c";
  48. }
  49. .icon-check-mark:before,
  50. .menu-select-menu-hierarchy .selected:after {
  51. content: "d";
  52. }