ionicons.scss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. // Ionicons Icon Font CSS
  2. // --------------------------
  3. // Ionicons CSS for Ionic's <ion-icon> element
  4. // ionicons-icons.scss has the icons and their unicode characters
  5. $ionicons-font-path: $font-path !default;
  6. @import "ionicons-icons";
  7. @import "ionicons-variables";
  8. @font-face {
  9. font-family: "Ionicons";
  10. src: url("#{$ionicons-font-path}/ionicons.woff2?v=#{$ionicons-version}") format("woff2"),
  11. url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
  12. url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype");
  13. font-weight: normal;
  14. font-style: normal;
  15. }
  16. ion-icon {
  17. display: inline-block;
  18. font-family: "Ionicons";
  19. -moz-osx-font-smoothing: grayscale;
  20. -webkit-font-smoothing: antialiased;
  21. font-style: normal;
  22. font-variant: normal;
  23. font-weight: normal;
  24. line-height: 1;
  25. text-rendering: auto;
  26. text-transform: none;
  27. speak: none;
  28. @include rtl() {
  29. &[aria-label^="arrow"]::before,
  30. &[flip-rtl]::before {
  31. transform: scaleX(-1);
  32. }
  33. &[unflip-rtl]::before {
  34. transform: scaleX(1);
  35. }
  36. }
  37. &::before {
  38. display: inline-block;
  39. }
  40. }