@unlk/keymaster 1.0.12 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/dist/css/keymaster.css +24322 -26438
- package/dist/css/keymaster.css.map +1 -1
- package/dist/css/keymaster.min.css +69 -29
- package/dist/css/keymaster.min.css.map +1 -1
- package/dist/js/keymaster.js +1 -1
- package/dist/js/keymaster.min.js +1 -1
- package/fonts/fa-brands-400.woff2 +0 -0
- package/fonts/fa-duotone-900.woff2 +0 -0
- package/fonts/fa-duotone-light-300.woff2 +0 -0
- package/fonts/fa-duotone-regular-400.woff2 +0 -0
- package/fonts/fa-duotone-thin-100.woff2 +0 -0
- package/fonts/fa-light-300.woff2 +0 -0
- package/fonts/fa-regular-400.woff2 +0 -0
- package/fonts/fa-sharp-duotone-light-300.woff2 +0 -0
- package/fonts/fa-sharp-duotone-regular-400.woff2 +0 -0
- package/fonts/fa-sharp-duotone-solid-900.woff2 +0 -0
- package/fonts/fa-sharp-duotone-thin-100.woff2 +0 -0
- package/fonts/fa-sharp-light-300.woff2 +0 -0
- package/fonts/fa-sharp-regular-400.woff2 +0 -0
- package/fonts/fa-sharp-solid-900.woff2 +0 -0
- package/fonts/fa-sharp-thin-100.woff2 +0 -0
- package/fonts/fa-solid-900.woff2 +0 -0
- package/fonts/fa-thin-100.woff2 +0 -0
- package/fonts/fa-v4compatibility.woff2 +0 -0
- package/package.json +2 -2
- package/scss/_fontawesome.scss +21 -0
- package/scss/assets/fontawesome/_animated.scss +86 -88
- package/scss/assets/fontawesome/_bordered.scss +24 -0
- package/scss/assets/fontawesome/_core.scss +119 -130
- package/scss/assets/fontawesome/_fa.scss +3 -0
- package/scss/assets/fontawesome/_functions.scss +3 -52
- package/scss/assets/fontawesome/_icons.scss +7 -5
- package/scss/assets/fontawesome/_list.scss +7 -6
- package/scss/assets/fontawesome/_mixins.scss +14 -75
- package/scss/assets/fontawesome/_pulled.scss +15 -0
- package/scss/assets/fontawesome/_rotated-flipped.scss +10 -9
- package/scss/assets/fontawesome/_shims.scss +1557 -942
- package/scss/assets/fontawesome/_sizing.scss +6 -4
- package/scss/assets/fontawesome/_stacked.scss +11 -10
- package/scss/assets/fontawesome/_variables.scss +10495 -9713
- package/scss/assets/fontawesome/_widths.scss +12 -0
- package/scss/assets/fontawesome/brands.scss +29 -14
- package/scss/assets/fontawesome/duotone-light.scss +66 -39
- package/scss/assets/fontawesome/duotone-regular.scss +66 -39
- package/scss/assets/fontawesome/duotone-thin.scss +66 -39
- package/scss/assets/fontawesome/duotone.scss +56 -34
- package/scss/assets/fontawesome/fontawesome.scss +12 -15
- package/scss/assets/fontawesome/light.scss +37 -13
- package/scss/assets/fontawesome/regular.scss +37 -13
- package/scss/assets/fontawesome/sharp-duotone-light.scss +66 -39
- package/scss/assets/fontawesome/sharp-duotone-regular.scss +66 -39
- package/scss/assets/fontawesome/sharp-duotone-solid.scss +66 -47
- package/scss/assets/fontawesome/sharp-duotone-thin.scss +66 -39
- package/scss/assets/fontawesome/sharp-light.scss +37 -13
- package/scss/assets/fontawesome/sharp-regular.scss +37 -13
- package/scss/assets/fontawesome/sharp-solid.scss +37 -13
- package/scss/assets/fontawesome/sharp-thin.scss +37 -13
- package/scss/assets/fontawesome/solid.scss +37 -13
- package/scss/assets/fontawesome/thin.scss +37 -13
- package/scss/assets/fontawesome/v4-shims.scss +5 -5
- package/scss/keymaster.scss +1 -8
- package/scss/theme/_typography.scss +5 -5
- package/scss/theme/_variables-overrides.scss +1 -3
@@ -1,69 +1,96 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-sharp-duotone: 'Font Awesome 7 Sharp Duotone';
|
12
|
+
--#{v.$css-prefix}-font-sharp-duotone-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-sharp-duotone);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-sharp-duotone: var(--#{v.$css-prefix}-family-sharp-duotone);
|
12
16
|
}
|
13
17
|
|
14
18
|
@font-face {
|
15
|
-
font-family: 'Font Awesome
|
19
|
+
font-family: 'Font Awesome 7 Sharp Duotone';
|
16
20
|
font-style: normal;
|
17
21
|
font-weight: 100;
|
18
|
-
font-display:
|
19
|
-
src: url('#{
|
20
|
-
url('#{$fa-font-path}/fa-sharp-duotone-thin-100.ttf') format('truetype');
|
22
|
+
font-display: v.$font-display;
|
23
|
+
src: url('#{v.$font-path}/fa-sharp-duotone-thin-100.woff2');
|
21
24
|
}
|
22
25
|
|
23
|
-
|
24
|
-
|
26
|
+
|
27
|
+
.fasdt {
|
28
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp-duotone);
|
29
|
+
--#{v.$css-prefix}-style: 100;
|
30
|
+
position: relative;
|
31
|
+
letter-spacing: normal;
|
32
|
+
}
|
33
|
+
|
34
|
+
.#{v.$css-prefix}-sharp-duotone {
|
35
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp-duotone);
|
25
36
|
position: relative;
|
26
|
-
font-weight: 100;
|
27
37
|
letter-spacing: normal;
|
28
38
|
}
|
29
39
|
|
40
|
+
.#{v.$css-prefix}-thin {
|
41
|
+
--#{v.$css-prefix}-style: 100;
|
42
|
+
}
|
43
|
+
|
30
44
|
.fasdt::before,
|
31
|
-
.#{
|
45
|
+
.#{v.$css-prefix}-sharp-duotone::before {
|
32
46
|
position: absolute;
|
33
|
-
color: var(--#{
|
34
|
-
opacity: var(--#{
|
47
|
+
color: var(--#{v.$css-prefix}-primary-color, currentColor);
|
48
|
+
opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
|
35
49
|
}
|
36
50
|
|
37
51
|
.fasdt::after,
|
38
|
-
.#{
|
39
|
-
color: var(--#{
|
40
|
-
opacity: var(--#{
|
52
|
+
.#{v.$css-prefix}-sharp-duotone::after {
|
53
|
+
color: var(--#{v.$css-prefix}-secondary-color, currentColor);
|
54
|
+
opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
|
41
55
|
}
|
42
56
|
|
43
|
-
.#{
|
44
|
-
.#{
|
45
|
-
|
46
|
-
.#{
|
47
|
-
|
48
|
-
opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
|
57
|
+
.#{v.$css-prefix}-swap-opacity .fasdt::before,
|
58
|
+
.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-sharp-duotone::before,
|
59
|
+
.#{v.$css-prefix}-swap-opacity.fasdt::before,
|
60
|
+
.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-sharp-duotone::before {
|
61
|
+
opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
|
49
62
|
}
|
50
63
|
|
51
|
-
.#{
|
52
|
-
.#{
|
53
|
-
|
54
|
-
.#{
|
55
|
-
|
56
|
-
opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
|
64
|
+
.#{v.$css-prefix}-swap-opacity .fasdt::after,
|
65
|
+
.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-sharp-duotone::after,
|
66
|
+
.#{v.$css-prefix}-swap-opacity.fasdt::after,
|
67
|
+
.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-sharp-duotone::after {
|
68
|
+
opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
|
57
69
|
}
|
58
70
|
|
59
|
-
|
60
|
-
.#{
|
61
|
-
|
71
|
+
.#{v.$css-prefix}-li.fasdt,
|
72
|
+
.#{v.$css-prefix}-li.#{v.$css-prefix}-sharp-duotone,
|
73
|
+
.#{v.$css-prefix}-stack-1x.fasdt,
|
74
|
+
.#{v.$css-prefix}-stack-1x.#{v.$css-prefix}-sharp-duotone,
|
75
|
+
.#{v.$css-prefix}-stack-2x.fasdt,
|
76
|
+
.#{v.$css-prefix}-stack-2x.#{v.$css-prefix}-sharp-duotone {
|
77
|
+
position: absolute;
|
62
78
|
}
|
63
79
|
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
80
|
+
// convenience mixins for declaring pseudo-elements by CSS variable,
|
81
|
+
// including all style-specific font properties, and both the ::before
|
82
|
+
// and ::after elements in the duotone case.
|
83
|
+
@mixin icon($var) {
|
84
|
+
@include m.fa-icon(Font Awesome 7 Sharp Duotone);
|
85
|
+
@extend .#{v.$css-prefix}-sharp-duotone;
|
86
|
+
@extend .#{v.$css-prefix}-thin;
|
87
|
+
|
88
|
+
&::before {
|
89
|
+
content: string.unquote("\"#{ $var }\"");
|
90
|
+
}
|
91
|
+
|
92
|
+
&::after {
|
93
|
+
content: string.unquote("\"#{ $var }\"");
|
94
|
+
font-feature-settings: "ss01";
|
95
|
+
}
|
69
96
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
|
12
|
+
--#{v.$css-prefix}-font-sharp-light: normal 300 1em/1 var(--#{v.$css-prefix}-family-sharp);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Sharp';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 300;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-sharp-light-300.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-sharp-light-300.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fasl {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
30
|
+
--#{v.$css-prefix}-style: 300;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-sharp {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-light {
|
38
|
+
--#{v.$css-prefix}-style: 300;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Sharp);
|
45
|
+
@extend .#{v.$css-prefix}-light;
|
46
|
+
@extend .#{v.$css-prefix}-sharp;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
|
12
|
+
--#{v.$css-prefix}-font-sharp-regular: normal 400 1em/1 var(--#{v.$css-prefix}-family-sharp);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Sharp';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 400;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-sharp-regular-400.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-sharp-regular-400.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fasr {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
30
|
+
--#{v.$css-prefix}-style: 400;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-sharp {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-regular {
|
38
|
+
--#{v.$css-prefix}-style: 400;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Sharp);
|
45
|
+
@extend .#{v.$css-prefix}-regular;
|
46
|
+
@extend .#{v.$css-prefix}-sharp;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
|
12
|
+
--#{v.$css-prefix}-font-sharp-solid: normal 900 1em/1 var(--#{v.$css-prefix}-family-sharp);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Sharp';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 900;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-sharp-solid-900.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-sharp-solid-900.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fass {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
30
|
+
--#{v.$css-prefix}-style: 900;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-sharp {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-solid {
|
38
|
+
--#{v.$css-prefix}-style: 900;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Sharp);
|
45
|
+
@extend .#{v.$css-prefix}-solid;
|
46
|
+
@extend .#{v.$css-prefix}-sharp;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-sharp: 'Font Awesome 7 Sharp';
|
12
|
+
--#{v.$css-prefix}-font-sharp-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-sharp);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-sharp: var(--#{v.$css-prefix}-family-sharp);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Sharp';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 100;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-sharp-thin-100.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-sharp-thin-100.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fast {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
30
|
+
--#{v.$css-prefix}-style: 100;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-sharp {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-sharp);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-thin {
|
38
|
+
--#{v.$css-prefix}-style: 100;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Sharp);
|
45
|
+
@extend .#{v.$css-prefix}-thin;
|
46
|
+
@extend .#{v.$css-prefix}-sharp;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-classic: '#{ v.$family }';
|
12
|
+
--#{v.$css-prefix}-font-solid: normal 900 1em/1 var(--#{v.$css-prefix}-family-classic);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-classic: var(--#{v.$css-prefix}-family-classic);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Pro';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 900;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-solid-900.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fas {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
|
30
|
+
--#{v.$css-prefix}-style: 900;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-classic {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-solid {
|
38
|
+
--#{v.$css-prefix}-style: 900;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Pro);
|
45
|
+
@extend .#{v.$css-prefix}-solid;
|
46
|
+
@extend .#{v.$css-prefix}-classic;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,27 +1,51 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@
|
7
|
-
@
|
6
|
+
@use "sass:string";
|
7
|
+
@use 'variables' as v;
|
8
|
+
@use 'mixins' as m;
|
8
9
|
|
9
10
|
:root, :host {
|
10
|
-
--#{
|
11
|
-
--#{
|
11
|
+
--#{v.$css-prefix}-family-classic: '#{ v.$family }';
|
12
|
+
--#{v.$css-prefix}-font-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-classic);
|
13
|
+
|
14
|
+
/* deprecated: this older custom property will be removed next major release */
|
15
|
+
--#{v.$css-prefix}-style-family-classic: var(--#{v.$css-prefix}-family-classic);
|
12
16
|
}
|
13
17
|
|
14
18
|
|
15
19
|
@font-face {
|
16
|
-
font-family: 'Font Awesome
|
20
|
+
font-family: 'Font Awesome 7 Pro';
|
17
21
|
font-style: normal;
|
18
22
|
font-weight: 100;
|
19
|
-
font-display:
|
20
|
-
src: url('#{
|
21
|
-
url('#{$fa-font-path}/fa-thin-100.ttf') format('truetype');
|
23
|
+
font-display: v.$font-display;
|
24
|
+
src: url('#{v.$font-path}/fa-thin-100.woff2');
|
22
25
|
}
|
23
26
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
+
|
28
|
+
.fat {
|
29
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
|
30
|
+
--#{v.$css-prefix}-style: 100;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{v.$css-prefix}-classic {
|
34
|
+
--#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-classic);
|
35
|
+
}
|
36
|
+
|
37
|
+
.#{v.$css-prefix}-thin {
|
38
|
+
--#{v.$css-prefix}-style: 100;
|
39
|
+
}
|
40
|
+
|
41
|
+
// convenience mixin for declaring pseudo-elements by CSS variable,
|
42
|
+
// including all style-specific font properties and ::before elements.
|
43
|
+
@mixin icon($var) {
|
44
|
+
@include m.fa-icon(Font Awesome 7 Pro);
|
45
|
+
@extend .#{v.$css-prefix}-thin;
|
46
|
+
@extend .#{v.$css-prefix}-classic;
|
47
|
+
|
48
|
+
&::before {
|
49
|
+
content: string.unquote("\"#{ $var }\"");
|
50
|
+
}
|
27
51
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Pro
|
2
|
+
* Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license (Commercial License)
|
4
|
-
* Copyright
|
4
|
+
* Copyright 2025 Fonticons, Inc.
|
5
5
|
*/
|
6
6
|
// V4 shims compile (Web Fonts-based)
|
7
7
|
// -------------------------
|
8
8
|
|
9
|
-
@
|
10
|
-
@
|
11
|
-
@
|
9
|
+
@use 'functions';
|
10
|
+
@use 'variables' as v;
|
11
|
+
@use 'shims';
|
package/scss/keymaster.scss
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
// Overrides
|
2
|
+
@use "fontawesome";
|
2
3
|
@import "theme/variables-overrides";
|
3
4
|
@import "theme/utilities-overrides";
|
4
5
|
@import "theme/maps-overrides";
|
@@ -8,14 +9,6 @@
|
|
8
9
|
|
9
10
|
// Assets
|
10
11
|
@import "assets/bootstrap5/bootstrap";
|
11
|
-
@import "assets/fontawesome/fontawesome";
|
12
|
-
@import "assets/fontawesome/thin";
|
13
|
-
@import "assets/fontawesome/light";
|
14
|
-
@import "assets/fontawesome/regular";
|
15
|
-
@import "assets/fontawesome/solid";
|
16
|
-
@import "assets/fontawesome/sharp-solid";
|
17
|
-
@import "assets/fontawesome/duotone";
|
18
|
-
@import "assets/fontawesome/brands";
|
19
12
|
|
20
13
|
// Mixins
|
21
14
|
@import "theme/mixins/buttons";
|
@@ -1,31 +1,31 @@
|
|
1
1
|
@font-face {
|
2
2
|
font-family: "Wix MadeFor Display";
|
3
3
|
font-weight: 400;
|
4
|
-
src: url("#{$font-path}/WixMadeforDisplay-Regular.woff2") format("woff2"), url("#{$font-path}/WixMadeforDisplay-Regular.ttf") format("truetype");
|
4
|
+
src: url("#{$font-path-body}/WixMadeforDisplay-Regular.woff2") format("woff2"), url("#{$font-path-body}/WixMadeforDisplay-Regular.ttf") format("truetype");
|
5
5
|
}
|
6
6
|
|
7
7
|
@font-face {
|
8
8
|
font-family: "Wix MadeFor Display";
|
9
9
|
font-weight: 700;
|
10
|
-
src: url("#{$font-path}/WixMadeforDisplay-Bold.woff2") format("woff2"), url("#{$font-path}/WixMadeforDisplay-Bold.ttf") format("truetype");
|
10
|
+
src: url("#{$font-path-body}/WixMadeforDisplay-Bold.woff2") format("woff2"), url("#{$font-path-body}/WixMadeforDisplay-Bold.ttf") format("truetype");
|
11
11
|
}
|
12
12
|
|
13
13
|
@font-face {
|
14
14
|
font-family: STIXTwoText;
|
15
15
|
font-style: italic;
|
16
16
|
font-weight: 400;
|
17
|
-
src: url("#{$font-path}/STIXTwoText-Italic.woff2") format("woff2"), url("#{$font-path}/STIXTwoText-Italic.ttf") format("truetype");
|
17
|
+
src: url("#{$font-path-body}/STIXTwoText-Italic.woff2") format("woff2"), url("#{$font-path-body}/STIXTwoText-Italic.ttf") format("truetype");
|
18
18
|
}
|
19
19
|
|
20
20
|
@font-face {
|
21
21
|
font-family: "Neulis Neue";
|
22
22
|
font-weight: 500;
|
23
|
-
src: url("#{$font-path}/NeulisNeue-Medium.woff2") format("woff2"), url("#{$font-path}/NeulisNeue-Medium.woff") format("woff");
|
23
|
+
src: url("#{$font-path-body}/NeulisNeue-Medium.woff2") format("woff2"), url("#{$font-path-body}/NeulisNeue-Medium.woff") format("woff");
|
24
24
|
}
|
25
25
|
|
26
26
|
@font-face {
|
27
27
|
font-family: "Neulis Neue";
|
28
28
|
font-style: italic;
|
29
29
|
font-weight: 500;
|
30
|
-
src: url("#{$font-path}/NeulisNeue-MediumItalic.woff2") format("woff2"), url("#{$font-path}/NeulisNeue-MediumItalic.woff") format("woff");
|
30
|
+
src: url("#{$font-path-body}/NeulisNeue-MediumItalic.woff2") format("woff2"), url("#{$font-path-body}/NeulisNeue-MediumItalic.woff") format("woff");
|
31
31
|
}
|
@@ -4,9 +4,7 @@ $prefix: bs- !default;
|
|
4
4
|
$enable-shadows: true !default;
|
5
5
|
$enable-validation-icons: false !default;
|
6
6
|
|
7
|
-
|
8
|
-
$font-path: "../../fonts" !default;
|
9
|
-
$fa-font-path: "../../../fonts" !default;
|
7
|
+
$font-path-body: "../../fonts" !default;
|
10
8
|
|
11
9
|
// Font
|
12
10
|
$font-size-base: 1rem !default;
|