duotone.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /*!
  2. * Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com
  3. * License - https://fontawesome.com/license (Commercial License)
  4. * Copyright 2022 Fonticons, Inc.
  5. */
  6. @import 'functions';
  7. @import 'variables';
  8. :root, :host {
  9. --#{$fa-css-prefix}-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  10. }
  11. @font-face {
  12. font-family: 'Font Awesome 6 Duotone';
  13. font-style: normal;
  14. font-weight: 900;
  15. font-display: $fa-font-display;
  16. src: url('#{$fa-font-path}/fa-duotone-900.woff2') format('woff2'),
  17. url('#{$fa-font-path}/fa-duotone-900.ttf') format('truetype');
  18. }
  19. .fad,
  20. .#{$fa-css-prefix}-duotone {
  21. position: relative;
  22. font-family: 'Font Awesome 6 Duotone';
  23. font-weight: 900;
  24. letter-spacing: normal;
  25. }
  26. .fad::before,
  27. .#{$fa-css-prefix}-duotone::before {
  28. position: absolute;
  29. color: var(--#{$fa-css-prefix}-primary-color, inherit);
  30. opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
  31. }
  32. .fad::after,
  33. .#{$fa-css-prefix}-duotone::after {
  34. color: var(--#{$fa-css-prefix}-secondary-color, inherit);
  35. opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
  36. }
  37. .#{$fa-css-prefix}-swap-opacity .fad::before,
  38. .#{$fa-css-prefix}-swap-opacity .fa-duotone::before,
  39. .fad.#{$fa-css-prefix}-swap-opacity::before,
  40. .fa-duotone.#{$fa-css-prefix}-swap-opacity::before {
  41. opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
  42. }
  43. .#{$fa-css-prefix}-swap-opacity .fad::after,
  44. .#{$fa-css-prefix}-swap-opacity .fa-duotone::after,
  45. .fad.#{$fa-css-prefix}-swap-opacity::after,
  46. .fa-duotone.#{$fa-css-prefix}-swap-opacity::after {
  47. opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
  48. }
  49. .fad.#{$fa-css-prefix}-inverse,
  50. .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-inverse {
  51. color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
  52. }
  53. .fad.#{$fa-css-prefix}-stack-1x, .fad.#{$fa-css-prefix}-stack-2x,
  54. .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-stack-2x {
  55. position: absolute;
  56. }