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