1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | @import 'functions';
|
7 | @import 'variables';
|
8 |
|
9 | :root, :host {
|
10 | --#{$fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
|
11 | --#{$fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
|
12 | }
|
13 |
|
14 | @font-face {
|
15 | font-family: 'Font Awesome 6 Brands';
|
16 | font-style: normal;
|
17 | font-weight: 400;
|
18 | font-display: $fa-font-display;
|
19 | src: url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
20 | url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype');
|
21 | }
|
22 |
|
23 | .fab,
|
24 | .#{$fa-css-prefix}-brands {
|
25 | font-weight: 400;
|
26 | }
|
27 |
|
28 | @each $name, $icon in $fa-brand-icons {
|
29 | .#{$fa-css-prefix}-#{$name}:before { content: unquote("\"#{ $icon }\""); }
|
30 | }
|