duotone.less 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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 "_variables.less";
  7. :root, :host {
  8. --@{fa-css-prefix}-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  9. }
  10. @font-face {
  11. font-family: 'Font Awesome 6 Duotone';
  12. font-style: normal;
  13. font-weight: 900;
  14. font-display: @fa-font-display;
  15. src: url('@{fa-font-path}/fa-duotone-900.woff2') format('woff2'),
  16. url('@{fa-font-path}/fa-duotone-900.ttf') format('truetype');
  17. }
  18. .fad,
  19. .@{fa-css-prefix}-duotone {
  20. position: relative;
  21. font-family: 'Font Awesome 6 Duotone';
  22. font-weight: 900;
  23. letter-spacing: normal;
  24. }
  25. .fad:before,
  26. .@{fa-css-prefix}-duotone:before {
  27. position: absolute;
  28. color: ~'var(--@{fa-css-prefix}-primary-color, inherit)';
  29. opacity: @fa-primary-opacity;
  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: @fa-secondary-opacity;
  36. opacity: ~'var(--@{fa-css-prefix}-secondary-opacity, @{fa-secondary-opacity})';
  37. }
  38. .@{fa-css-prefix}-swap-opacity .fad:before,
  39. .@{fa-css-prefix}-swap-opacity .@{fa-css-prefix}-duotone:before,
  40. .fad.@{fa-css-prefix}-swap-opacity:before,
  41. .@{fa-css-prefix}-duotone.@{fa-css-prefix}-swap-opacity:before {
  42. opacity: @fa-secondary-opacity;
  43. opacity: ~'var(--@{fa-css-prefix}-secondary-opacity, @{fa-secondary-opacity})';
  44. }
  45. .@{fa-css-prefix}-swap-opacity .fad:after,
  46. .@{fa-css-prefix}-swap-opacity .@{fa-css-prefix}-duotone:after,
  47. .fad.@{fa-css-prefix}-swap-opacity:after,
  48. .@{fa-css-prefix}-duotone.@{fa-css-prefix}-swap-opacity:after {
  49. opacity: @fa-primary-opacity;
  50. opacity: ~'var(--@{fa-css-prefix}-primary-opacity, @{fa-primary-opacity})';
  51. }
  52. .fad.@{fa-css-prefix}-inverse,
  53. .@{fa-css-prefix}-duotone.@{fa-css-prefix}-inverse {
  54. color: ~'var(--@{fa-css-prefix}-inverse, @{fa-inverse})';
  55. }
  56. .fad.@{fa-css-prefix}-stack-1x, .fad.@{fa-css-prefix}-stack-2x,
  57. .@{fa-css-prefix}-duotone.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-duotone.@{fa-css-prefix}-stack-2x {
  58. position: absolute;
  59. }