_core.scss 878 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // base icon class definition
  2. // -------------------------
  3. .#{$fa-css-prefix} {
  4. font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
  5. font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
  6. }
  7. .#{$fa-css-prefix}-solid,
  8. .#{$fa-css-prefix}-regular,
  9. .#{$fa-css-prefix}-brands,
  10. .fas,
  11. .far,
  12. .fab,
  13. .#{$fa-css-prefix}-sharp-solid,
  14. .#{$fa-css-prefix}-classic,
  15. .#{$fa-css-prefix} {
  16. -moz-osx-font-smoothing: grayscale;
  17. -webkit-font-smoothing: antialiased;
  18. display: var(--#{$fa-css-prefix}-display, #{$fa-display});
  19. font-style: normal;
  20. font-variant: normal;
  21. line-height: 1;
  22. text-rendering: auto;
  23. }
  24. .fas,
  25. .#{$fa-css-prefix}-classic,
  26. .#{$fa-css-prefix}-solid,
  27. .far,
  28. .#{$fa-css-prefix}-regular {
  29. font-family: 'Font Awesome 6 Free';
  30. }
  31. .fab,
  32. .#{$fa-css-prefix}-brands {
  33. font-family: 'Font Awesome 6 Brands';
  34. }
  35. %fa-icon {
  36. @include fa-icon;
  37. }