brands.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*!
  2. * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
  3. * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  4. * Copyright 2025 Fonticons, Inc.
  5. */
  6. @use "sass:string";
  7. @use 'variables' as v;
  8. @use 'mixins' as m;
  9. :root, :host {
  10. --#{v.$css-prefix}-family-brands: 'Font Awesome 7 Brands';
  11. --#{v.$css-prefix}-font-brands: normal 400 1em/1 var(--#{v.$css-prefix}-family-brands);
  12. }
  13. @font-face {
  14. font-family: 'Font Awesome 7 Brands';
  15. font-style: normal;
  16. font-weight: 400;
  17. font-display: v.$font-display;
  18. src: url('#{v.$font-path}/fa-brands-400.woff2');
  19. }
  20. .fab,
  21. .#{v.$css-prefix}-brands,
  22. .#{v.$css-prefix}-classic.#{v.$css-prefix}-brands {
  23. --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-brands);
  24. --#{v.$css-prefix}-style: 400;
  25. }
  26. @each $name, $icon in v.$brand-icons {
  27. .#{v.$css-prefix}-#{$name} {
  28. #{v.$icon-property}: string.unquote("\"#{ $icon }\"");
  29. }
  30. }
  31. // convenience mixin for declaring pseudo-elements by CSS variable,
  32. // including all style-specific font properties and ::before elements.
  33. @mixin icon($var) {
  34. @include m.fa-icon(Font Awesome 7 Brands);
  35. @extend .#{v.$css-prefix}-brands;
  36. &::before {
  37. content: string.unquote("\"#{ $var }\"");
  38. }
  39. }