@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.
Files changed (64) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/css/keymaster.css +24322 -26438
  3. package/dist/css/keymaster.css.map +1 -1
  4. package/dist/css/keymaster.min.css +69 -29
  5. package/dist/css/keymaster.min.css.map +1 -1
  6. package/dist/js/keymaster.js +1 -1
  7. package/dist/js/keymaster.min.js +1 -1
  8. package/fonts/fa-brands-400.woff2 +0 -0
  9. package/fonts/fa-duotone-900.woff2 +0 -0
  10. package/fonts/fa-duotone-light-300.woff2 +0 -0
  11. package/fonts/fa-duotone-regular-400.woff2 +0 -0
  12. package/fonts/fa-duotone-thin-100.woff2 +0 -0
  13. package/fonts/fa-light-300.woff2 +0 -0
  14. package/fonts/fa-regular-400.woff2 +0 -0
  15. package/fonts/fa-sharp-duotone-light-300.woff2 +0 -0
  16. package/fonts/fa-sharp-duotone-regular-400.woff2 +0 -0
  17. package/fonts/fa-sharp-duotone-solid-900.woff2 +0 -0
  18. package/fonts/fa-sharp-duotone-thin-100.woff2 +0 -0
  19. package/fonts/fa-sharp-light-300.woff2 +0 -0
  20. package/fonts/fa-sharp-regular-400.woff2 +0 -0
  21. package/fonts/fa-sharp-solid-900.woff2 +0 -0
  22. package/fonts/fa-sharp-thin-100.woff2 +0 -0
  23. package/fonts/fa-solid-900.woff2 +0 -0
  24. package/fonts/fa-thin-100.woff2 +0 -0
  25. package/fonts/fa-v4compatibility.woff2 +0 -0
  26. package/package.json +2 -2
  27. package/scss/_fontawesome.scss +21 -0
  28. package/scss/assets/fontawesome/_animated.scss +86 -88
  29. package/scss/assets/fontawesome/_bordered.scss +24 -0
  30. package/scss/assets/fontawesome/_core.scss +119 -130
  31. package/scss/assets/fontawesome/_fa.scss +3 -0
  32. package/scss/assets/fontawesome/_functions.scss +3 -52
  33. package/scss/assets/fontawesome/_icons.scss +7 -5
  34. package/scss/assets/fontawesome/_list.scss +7 -6
  35. package/scss/assets/fontawesome/_mixins.scss +14 -75
  36. package/scss/assets/fontawesome/_pulled.scss +15 -0
  37. package/scss/assets/fontawesome/_rotated-flipped.scss +10 -9
  38. package/scss/assets/fontawesome/_shims.scss +1557 -942
  39. package/scss/assets/fontawesome/_sizing.scss +6 -4
  40. package/scss/assets/fontawesome/_stacked.scss +11 -10
  41. package/scss/assets/fontawesome/_variables.scss +10495 -9713
  42. package/scss/assets/fontawesome/_widths.scss +12 -0
  43. package/scss/assets/fontawesome/brands.scss +29 -14
  44. package/scss/assets/fontawesome/duotone-light.scss +66 -39
  45. package/scss/assets/fontawesome/duotone-regular.scss +66 -39
  46. package/scss/assets/fontawesome/duotone-thin.scss +66 -39
  47. package/scss/assets/fontawesome/duotone.scss +56 -34
  48. package/scss/assets/fontawesome/fontawesome.scss +12 -15
  49. package/scss/assets/fontawesome/light.scss +37 -13
  50. package/scss/assets/fontawesome/regular.scss +37 -13
  51. package/scss/assets/fontawesome/sharp-duotone-light.scss +66 -39
  52. package/scss/assets/fontawesome/sharp-duotone-regular.scss +66 -39
  53. package/scss/assets/fontawesome/sharp-duotone-solid.scss +66 -47
  54. package/scss/assets/fontawesome/sharp-duotone-thin.scss +66 -39
  55. package/scss/assets/fontawesome/sharp-light.scss +37 -13
  56. package/scss/assets/fontawesome/sharp-regular.scss +37 -13
  57. package/scss/assets/fontawesome/sharp-solid.scss +37 -13
  58. package/scss/assets/fontawesome/sharp-thin.scss +37 -13
  59. package/scss/assets/fontawesome/solid.scss +37 -13
  60. package/scss/assets/fontawesome/thin.scss +37 -13
  61. package/scss/assets/fontawesome/v4-shims.scss +5 -5
  62. package/scss/keymaster.scss +1 -8
  63. package/scss/theme/_typography.scss +5 -5
  64. package/scss/theme/_variables-overrides.scss +1 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Unlock Keymaster [object Object] v1.0.12 (https://unlock-com.github.io/keymaster)
2
+ * Unlock Keymaster [object Object] v1.0.13 (https://unlock-com.github.io/keymaster)
3
3
  * Copyright 2022-2025 Unlk Developers
4
4
  */
5
5
  (function (global, factory) {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Unlock Keymaster [object Object] v1.0.12 (https://unlock-com.github.io/keymaster)
2
+ * Unlock Keymaster [object Object] v1.0.13 (https://unlock-com.github.io/keymaster)
3
3
  * Copyright 2022-2025 Unlk Developers
4
4
  */
5
5
  !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).keymaster={})}(this,function(e){"use strict";function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function n(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if("function"==typeof t){var n=function e(){var n=!1;try{n=this instanceof e}catch{}return n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach(function(t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}),n}var i,s={exports:{}},o={exports:{}},r={exports:{}};function a(){return i||(i=1,function(e){e.exports=function(){const e=new Map,t={set(t,n,i){e.has(t)||e.set(t,new Map);const s=e.get(t);(s.has(n)||0===s.size)&&s.set(n,i)},get:(t,n)=>e.has(t)&&e.get(t).get(n)||null,remove(t,n){if(!e.has(t))return;const i=e.get(t);i.delete(n),0===i.size&&e.delete(t)}};return t}()}(r)),r.exports}var l,c={exports:{}},u={exports:{}};function d(){return l||(l=1,function(e,t){!function(e){const t=1e6,n=1e3,i="transitionend",s=e=>(e&&window.CSS&&window.CSS.escape&&(e=e.replace(/#([^\s"#']+)/g,(e,t)=>`#${CSS.escape(t)}`)),e),o=e=>null==e?`${e}`:Object.prototype.toString.call(e).match(/\s([a-z]+)/i)[1].toLowerCase(),r=e=>{do{e+=Math.floor(Math.random()*t)}while(document.getElementById(e));return e},a=e=>{if(!e)return 0;let{transitionDuration:t,transitionDelay:i}=window.getComputedStyle(e);const s=Number.parseFloat(t),o=Number.parseFloat(i);return s||o?(t=t.split(",")[0],i=i.split(",")[0],(Number.parseFloat(t)+Number.parseFloat(i))*n):0},l=e=>{e.dispatchEvent(new Event(i))},c=e=>!(!e||"object"!=typeof e)&&(void 0!==e.jquery&&(e=e[0]),void 0!==e.nodeType),u=e=>c(e)?e.jquery?e[0]:e:"string"==typeof e&&e.length>0?document.querySelector(s(e)):null,d=e=>{if(!c(e)||0===e.getClientRects().length)return!1;const t="visible"===getComputedStyle(e).getPropertyValue("visibility"),n=e.closest("details:not([open])");if(!n)return t;if(n!==e){const t=e.closest("summary");if(t&&t.parentNode!==n)return!1;if(null===t)return!1}return t},h=e=>!e||e.nodeType!==Node.ELEMENT_NODE||!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled")),f=e=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof e.getRootNode){const t=e.getRootNode();return t instanceof ShadowRoot?t:null}return e instanceof ShadowRoot?e:e.parentNode?f(e.parentNode):null},p=()=>{},g=e=>{e.offsetHeight},m=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,_=[],b=e=>{"loading"===document.readyState?(_.length||document.addEventListener("DOMContentLoaded",()=>{for(const e of _)e()}),_.push(e)):e()},v=()=>"rtl"===document.documentElement.dir,y=e=>{b(()=>{const t=m();if(t){const n=e.NAME,i=t.fn[n];t.fn[n]=e.jQueryInterface,t.fn[n].Constructor=e,t.fn[n].noConflict=()=>(t.fn[n]=i,e.jQueryInterface)}})},w=(e,t=[],n=e)=>"function"==typeof e?e.call(...t):n,E=(e,t,n=!0)=>{if(!n)return void w(e);const s=5,o=a(t)+s;let r=!1;const c=({target:n})=>{n===t&&(r=!0,t.removeEventListener(i,c),w(e))};t.addEventListener(i,c),setTimeout(()=>{r||l(t)},o)},A=(e,t,n,i)=>{const s=e.length;let o=e.indexOf(t);return-1===o?!n&&i?e[s-1]:e[0]:(o+=n?1:-1,i&&(o=(o+s)%s),e[Math.max(0,Math.min(o,s-1))])};e.defineJQueryPlugin=y,e.execute=w,e.executeAfterTransition=E,e.findShadowRoot=f,e.getElement=u,e.getNextActiveElement=A,e.getTransitionDurationFromElement=a,e.getUID=r,e.getjQuery=m,e.isDisabled=h,e.isElement=c,e.isRTL=v,e.isVisible=d,e.noop=p,e.onDOMContentLoaded=b,e.parseSelector=s,e.reflow=g,e.toType=o,e.triggerTransitionEnd=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}(t)}(0,u.exports)),u.exports}
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unlk/keymaster",
3
- "version": "1.0.12",
3
+ "version": "1.0.13",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -55,7 +55,7 @@
55
55
  "devDependencies": {
56
56
  "@babel/core": "^7.27.1",
57
57
  "@babel/preset-env": "^7.27.2",
58
- "@fortawesome/fontawesome-pro": "^6.7.2",
58
+ "@fortawesome/fontawesome-pro": "^7.0.0",
59
59
  "@popperjs/core": "^2.11.8",
60
60
  "@rollup/plugin-babel": "^6.0.4",
61
61
  "@rollup/plugin-commonjs": "^28.0.3",
@@ -0,0 +1,21 @@
1
+ @use "assets/fontawesome/variables" with (
2
+ $font-path: "../../../fonts"
3
+ );
4
+ @use "assets/fontawesome/fontawesome";
5
+ @use "assets/fontawesome/thin";
6
+ @use "assets/fontawesome/light";
7
+ @use "assets/fontawesome/regular";
8
+ @use "assets/fontawesome/solid";
9
+ @use "assets/fontawesome/sharp-thin";
10
+ @use "assets/fontawesome/sharp-light";
11
+ @use "assets/fontawesome/sharp-regular";
12
+ @use "assets/fontawesome/sharp-solid";
13
+ @use "assets/fontawesome/duotone";
14
+ @use "assets/fontawesome/duotone-thin";
15
+ @use "assets/fontawesome/duotone-light";
16
+ @use "assets/fontawesome/duotone-regular";
17
+ @use "assets/fontawesome/sharp-duotone-thin";
18
+ @use "assets/fontawesome/sharp-duotone-light";
19
+ @use "assets/fontawesome/sharp-duotone-regular";
20
+ @use "assets/fontawesome/sharp-duotone-solid";
21
+ @use "assets/fontawesome/brands";
@@ -1,140 +1,138 @@
1
1
  // animating icons
2
2
  // --------------------------
3
+ @use 'variables' as v;
3
4
 
4
- .#{$fa-css-prefix}-beat {
5
- animation-name: #{$fa-css-prefix}-beat;
6
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
7
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
8
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
9
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
10
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
5
+ .#{v.$css-prefix}-beat {
6
+ animation-name: #{v.$css-prefix}-beat;
7
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
8
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
9
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
10
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
11
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, ease-in-out);
11
12
  }
12
13
 
13
- .#{$fa-css-prefix}-bounce {
14
- animation-name: #{$fa-css-prefix}-bounce;
15
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
16
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
17
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
18
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
19
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
14
+ .#{v.$css-prefix}-bounce {
15
+ animation-name: #{v.$css-prefix}-bounce;
16
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
17
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
18
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
19
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
20
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
20
21
  }
21
22
 
22
- .#{$fa-css-prefix}-fade {
23
- animation-name: #{$fa-css-prefix}-fade;
24
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
25
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
26
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
27
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
28
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
23
+ .#{v.$css-prefix}-fade {
24
+ animation-name: #{v.$css-prefix}-fade;
25
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
26
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
27
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
28
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
29
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
29
30
  }
30
31
 
31
- .#{$fa-css-prefix}-beat-fade {
32
- animation-name: #{$fa-css-prefix}-beat-fade;
33
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
34
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
35
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
36
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
37
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
32
+ .#{v.$css-prefix}-beat-fade {
33
+ animation-name: #{v.$css-prefix}-beat-fade;
34
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
35
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
36
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
37
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
38
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
38
39
  }
39
40
 
40
- .#{$fa-css-prefix}-flip {
41
- animation-name: #{$fa-css-prefix}-flip;
42
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
43
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
44
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
45
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
46
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
41
+ .#{v.$css-prefix}-flip {
42
+ animation-name: #{v.$css-prefix}-flip;
43
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
44
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
45
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
46
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
47
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, ease-in-out);
47
48
  }
48
49
 
49
- .#{$fa-css-prefix}-shake {
50
- animation-name: #{$fa-css-prefix}-shake;
51
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
52
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
53
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
54
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
55
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
50
+ .#{v.$css-prefix}-shake {
51
+ animation-name: #{v.$css-prefix}-shake;
52
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
53
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
54
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
55
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
56
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, linear);
56
57
  }
57
58
 
58
- .#{$fa-css-prefix}-spin {
59
- animation-name: #{$fa-css-prefix}-spin;
60
- animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
61
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
62
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 2s);
63
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
64
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
59
+ .#{v.$css-prefix}-spin {
60
+ animation-name: #{v.$css-prefix}-spin;
61
+ animation-delay: var(--#{v.$css-prefix}-animation-delay, 0s);
62
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
63
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 2s);
64
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
65
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, linear);
65
66
  }
66
67
 
67
- .#{$fa-css-prefix}-spin-reverse {
68
- --#{$fa-css-prefix}-animation-direction: reverse;
68
+ .#{v.$css-prefix}-spin-reverse {
69
+ --#{v.$css-prefix}-animation-direction: reverse;
69
70
  }
70
71
 
71
- .#{$fa-css-prefix}-pulse,
72
- .#{$fa-css-prefix}-spin-pulse {
73
- animation-name: #{$fa-css-prefix}-spin;
74
- animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
75
- animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
76
- animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
77
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, steps(8));
72
+ .#{v.$css-prefix}-pulse,
73
+ .#{v.$css-prefix}-spin-pulse {
74
+ animation-name: #{v.$css-prefix}-spin;
75
+ animation-direction: var(--#{v.$css-prefix}-animation-direction, normal);
76
+ animation-duration: var(--#{v.$css-prefix}-animation-duration, 1s);
77
+ animation-iteration-count: var(--#{v.$css-prefix}-animation-iteration-count, infinite);
78
+ animation-timing-function: var(--#{v.$css-prefix}-animation-timing, steps(8));
78
79
  }
79
80
 
80
81
  // if agent or operating system prefers reduced motion, disable animations
81
82
  // see: https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
82
83
  // see: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
83
84
  @media (prefers-reduced-motion: reduce) {
84
- .#{$fa-css-prefix}-beat,
85
- .#{$fa-css-prefix}-bounce,
86
- .#{$fa-css-prefix}-fade,
87
- .#{$fa-css-prefix}-beat-fade,
88
- .#{$fa-css-prefix}-flip,
89
- .#{$fa-css-prefix}-pulse,
90
- .#{$fa-css-prefix}-shake,
91
- .#{$fa-css-prefix}-spin,
92
- .#{$fa-css-prefix}-spin-pulse {
93
- animation-delay: -1ms;
94
- animation-duration: 1ms;
95
- animation-iteration-count: 1;
96
- transition-delay: 0s;
97
- transition-duration: 0s;
85
+ .#{v.$css-prefix}-beat,
86
+ .#{v.$css-prefix}-bounce,
87
+ .#{v.$css-prefix}-fade,
88
+ .#{v.$css-prefix}-beat-fade,
89
+ .#{v.$css-prefix}-flip,
90
+ .#{v.$css-prefix}-pulse,
91
+ .#{v.$css-prefix}-shake,
92
+ .#{v.$css-prefix}-spin,
93
+ .#{v.$css-prefix}-spin-pulse {
94
+ animation: none !important;
95
+ transition: none !important;
98
96
  }
99
97
  }
100
98
 
101
- @keyframes #{$fa-css-prefix}-beat {
99
+ @keyframes #{v.$css-prefix}-beat {
102
100
  0%, 90% { transform: scale(1); }
103
- 45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
101
+ 45% { transform: scale(var(--#{v.$css-prefix}-beat-scale, 1.25)); }
104
102
  }
105
103
 
106
- @keyframes #{$fa-css-prefix}-bounce {
104
+ @keyframes #{v.$css-prefix}-bounce {
107
105
  0% { transform: scale(1,1) translateY(0); }
108
- 10% { transform: scale(var(--#{$fa-css-prefix}-bounce-start-scale-x, 1.1),var(--#{$fa-css-prefix}-bounce-start-scale-y, 0.9)) translateY(0); }
109
- 30% { transform: scale(var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),var(--#{$fa-css-prefix}-bounce-jump-scale-y, 1.1)) translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em)); }
110
- 50% { transform: scale(var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),var(--#{$fa-css-prefix}-bounce-land-scale-y, 0.95)) translateY(0); }
111
- 57% { transform: scale(1,1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em)); }
106
+ 10% { transform: scale(var(--#{v.$css-prefix}-bounce-start-scale-x, 1.1),var(--#{v.$css-prefix}-bounce-start-scale-y, 0.9)) translateY(0); }
107
+ 30% { transform: scale(var(--#{v.$css-prefix}-bounce-jump-scale-x, 0.9),var(--#{v.$css-prefix}-bounce-jump-scale-y, 1.1)) translateY(var(--#{v.$css-prefix}-bounce-height, -0.5em)); }
108
+ 50% { transform: scale(var(--#{v.$css-prefix}-bounce-land-scale-x, 1.05),var(--#{v.$css-prefix}-bounce-land-scale-y, 0.95)) translateY(0); }
109
+ 57% { transform: scale(1,1) translateY(var(--#{v.$css-prefix}-bounce-rebound, -0.125em)); }
112
110
  64% { transform: scale(1,1) translateY(0); }
113
111
  100% { transform: scale(1,1) translateY(0); }
114
112
  }
115
113
 
116
- @keyframes #{$fa-css-prefix}-fade {
117
- 50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
114
+ @keyframes #{v.$css-prefix}-fade {
115
+ 50% { opacity: var(--#{v.$css-prefix}-fade-opacity, 0.4); }
118
116
  }
119
117
 
120
- @keyframes #{$fa-css-prefix}-beat-fade {
118
+ @keyframes #{v.$css-prefix}-beat-fade {
121
119
  0%, 100% {
122
- opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
120
+ opacity: var(--#{v.$css-prefix}-beat-fade-opacity, 0.4);
123
121
  transform: scale(1);
124
122
  }
125
123
  50% {
126
124
  opacity: 1;
127
- transform: scale(var(--#{$fa-css-prefix}-beat-fade-scale, 1.125));
125
+ transform: scale(var(--#{v.$css-prefix}-beat-fade-scale, 1.125));
128
126
  }
129
127
  }
130
128
 
131
- @keyframes #{$fa-css-prefix}-flip {
129
+ @keyframes #{v.$css-prefix}-flip {
132
130
  50% {
133
- transform: rotate3d(var(--#{$fa-css-prefix}-flip-x, 0), var(--#{$fa-css-prefix}-flip-y, 1), var(--#{$fa-css-prefix}-flip-z, 0), var(--#{$fa-css-prefix}-flip-angle, -180deg));
131
+ transform: rotate3d(var(--#{v.$css-prefix}-flip-x, 0), var(--#{v.$css-prefix}-flip-y, 1), var(--#{v.$css-prefix}-flip-z, 0), var(--#{v.$css-prefix}-flip-angle, -180deg));
134
132
  }
135
133
  }
136
134
 
137
- @keyframes #{$fa-css-prefix}-shake {
135
+ @keyframes #{v.$css-prefix}-shake {
138
136
  0% { transform: rotate(-15deg); }
139
137
  4% { transform: rotate(15deg); }
140
138
  8%, 24% { transform: rotate(-18deg); }
@@ -146,7 +144,7 @@
146
144
  40%, 100% { transform: rotate(0deg); }
147
145
  }
148
146
 
149
- @keyframes #{$fa-css-prefix}-spin {
147
+ @keyframes #{v.$css-prefix}-spin {
150
148
  0% { transform: rotate(0deg); }
151
149
  100% { transform: rotate(360deg); }
152
150
  }
@@ -0,0 +1,24 @@
1
+ // bordered icons
2
+ // -------------------------
3
+ @use 'variables' as v;
4
+
5
+ /* Heads Up: Bordered Icons will not be supported in the future!
6
+ - This feature will be deprecated in the next major release of Font Awesome (v8)!
7
+ - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
8
+ */
9
+
10
+ /* Notes:
11
+ * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
12
+ * --@{v.$css-prefix}-border-padding =
13
+ ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
14
+ ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
15
+ */
16
+
17
+ .#{v.$css-prefix}-border {
18
+ border-color: var(--#{v.$css-prefix}-border-color, #{v.$border-color});
19
+ border-radius: var(--#{v.$css-prefix}-border-radius, #{v.$border-radius});
20
+ border-style: var(--#{v.$css-prefix}-border-style, #{v.$border-style});
21
+ border-width: var(--#{v.$css-prefix}-border-width, #{v.$border-width});
22
+ box-sizing: var(--#{v.$css-prefix}-border-box-sizing, #{v.$border-box-sizing});
23
+ padding: var(--#{v.$css-prefix}-border-padding, #{v.$border-padding});
24
+ }
@@ -1,150 +1,139 @@
1
1
  // base icon class definition
2
2
  // -------------------------
3
+ @use 'variables' as v;
4
+ @use 'mixins' as m;
3
5
 
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
-
6
+ .#{v.$css-prefix}-solid,
7
+ .#{v.$css-prefix}-regular,
8
+ .#{v.$css-prefix}-brands,
9
+ .#{v.$css-prefix}-classic,
9
10
  .fas,
10
- .fass,
11
11
  .far,
12
- .fasr,
13
- .fal,
14
- .fasl,
15
- .fat,
16
- .fast,
17
- .fad,
18
- .fadr,
19
- .fadl,
20
- .fadt,
21
- .fasds,
22
- .fasdr,
23
- .fasdl,
24
- .fasdt,
25
12
  .fab,
26
- .#{$fa-css-prefix}-solid,
27
- .#{$fa-css-prefix}-regular,
28
- .#{$fa-css-prefix}-light,
29
- .#{$fa-css-prefix}-thin,
30
- .#{$fa-css-prefix}-brands,
31
- .#{$fa-css-prefix}-classic,
32
- .#{$fa-css-prefix}-duotone,
33
- .#{$fa-css-prefix}-sharp,
34
- .#{$fa-css-prefix}-sharp-duotone,
35
- .#{$fa-css-prefix} {
36
- -moz-osx-font-smoothing: grayscale;
37
- -webkit-font-smoothing: antialiased;
38
- display: var(--#{$fa-css-prefix}-display, #{$fa-display});
39
- font-style: normal;
40
- font-variant: normal;
41
- line-height: 1;
42
- text-rendering: auto;
43
- }
44
-
45
- .fas::before,
46
- .fass::before,
47
- .far::before,
48
- .fasr::before,
49
- .fal::before,
50
- .fasl::before,
51
- .fat::before,
52
- .fast::before,
53
- .fad::before,
54
- .fadr::before,
55
- .fadl::before,
56
- .fadt::before,
57
- .fasds::before,
58
- .fasdr::before,
59
- .fasdl::before,
60
- .fasdt::before,
61
- .fab::before,
62
- .#{$fa-css-prefix}-solid::before,
63
- .#{$fa-css-prefix}-regular::before,
64
- .#{$fa-css-prefix}-light::before,
65
- .#{$fa-css-prefix}-thin::before,
66
- .#{$fa-css-prefix}-brands::before,
67
- .#{$fa-css-prefix}-classic::before,
68
- .#{$fa-css-prefix}-duotone::before,
69
- .#{$fa-css-prefix}-sharp::before,
70
- .#{$fa-css-prefix}-sharp-duotone::before,
71
- .#{$fa-css-prefix}::before {
72
- content: var(#{$fa-icon-property});
73
- }.fad::after,
74
- .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-solid::after,
75
- .#{$fa-css-prefix}-duotone::after,
76
- .fadr::after,
77
- .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular::after,
78
- .fadl::after,
79
- .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light::after,
80
- .fadt::after,
81
- .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin::after,
82
- .fasds::after,
83
- .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-solid::after,
84
- .#{$fa-css-prefix}-sharp-duotone::after,
85
- .fasdr::after,
86
- .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-regular::after,
87
- .fasdl::after,
88
- .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-light::after,
89
- .fasdt::after,
90
- .#{$fa-css-prefix}-sharp-duotone.#{$fa-css-prefix}-thin::after {
91
- content: var(#{$fa-duotone-icon-property});
92
- }
93
-
94
- .#{$fa-css-prefix}-classic.#{$fa-css-prefix}-duotone {
95
- font-family: 'Font Awesome 6 Duotone';
96
- }
97
-
98
- .fass,
99
- .#{$fa-css-prefix}-sharp {
100
- font-weight: 900;
101
- }
102
- .fad,
103
- .#{$fa-css-prefix}-duotone {
104
- font-weight: 900;
105
- }
106
- .fasds,
107
- .#{$fa-css-prefix}-sharp-duotone {
108
- font-weight: 900;
109
- }
110
-
111
- .#{$fa-css-prefix}-classic,
112
- .fas,
113
- .#{$fa-css-prefix}-solid,
114
- .far,
115
- .#{$fa-css-prefix}-regular,
116
13
  .fal,
117
- .#{$fa-css-prefix}-light,
118
14
  .fat,
119
- .#{$fa-css-prefix}-thin {
120
- font-family: 'Font Awesome 6 Pro';
121
- }
122
- .#{$fa-css-prefix}-duotone,
123
15
  .fad,
124
16
  .fadr,
125
17
  .fadl,
126
- .fadt {
127
- font-family: 'Font Awesome 6 Duotone';
128
- }
129
- .#{$fa-css-prefix}-brands,
130
- .fab {
131
- font-family: 'Font Awesome 6 Brands';
132
- }
133
- .#{$fa-css-prefix}-sharp,
18
+ .fadt,
134
19
  .fass,
135
20
  .fasr,
136
21
  .fasl,
137
- .fast {
138
- font-family: 'Font Awesome 6 Sharp';
139
- }
140
- .#{$fa-css-prefix}-sharp-duotone,
22
+ .fast,
141
23
  .fasds,
142
24
  .fasdr,
143
25
  .fasdl,
144
- .fasdt {
145
- font-family: 'Font Awesome 6 Sharp Duotone';
26
+ .fasdt,
27
+ .faslr,
28
+ .faslpr,
29
+ .fawsb,
30
+ .fatl,
31
+ .fans,
32
+ .fands,
33
+ .faes,
34
+ .fajr,
35
+ .fajfr,
36
+ .fajdr,
37
+ .facr,
38
+ .#{v.$css-prefix}-solid,
39
+ .#{v.$css-prefix}-semibold,
40
+ .#{v.$css-prefix}-regular,
41
+ .#{v.$css-prefix}-light,
42
+ .#{v.$css-prefix}-thin,
43
+ .#{v.$css-prefix}-brands,
44
+ .#{v.$css-prefix}-classic,
45
+ .#{v.$css-prefix}-duotone,
46
+ .#{v.$css-prefix}-sharp,
47
+ .#{v.$css-prefix}-sharp-duotone,
48
+ .#{v.$css-prefix}-chisel,
49
+ .#{v.$css-prefix}-etch,
50
+ .#{v.$css-prefix}-jelly,
51
+ .#{v.$css-prefix}-jelly-duo,
52
+ .#{v.$css-prefix}-jelly-fill,
53
+ .#{v.$css-prefix}-notdog,
54
+ .#{v.$css-prefix}-notdog-duo,
55
+ .#{v.$css-prefix}-slab,
56
+ .#{v.$css-prefix}-slab-press,
57
+ .#{v.$css-prefix}-thumbprint,
58
+ .#{v.$css-prefix}-whiteboard,
59
+ .#{v.$css-prefix} {
60
+ @include m.fa-icon();
146
61
  }
147
62
 
148
- %fa-icon {
149
- @include fa-icon;
63
+ :is(
64
+ .fas,
65
+ .fass,
66
+ .far,
67
+ .fasr,
68
+ .fal,
69
+ .fasl,
70
+ .fat,
71
+ .fast,
72
+ .fad,
73
+ .fadr,
74
+ .fadl,
75
+ .fadt,
76
+ .fasds,
77
+ .fasdr,
78
+ .fasdl,
79
+ .fasdt,
80
+ .fab,
81
+ .faslr,
82
+ .faslpr,
83
+ .fawsb,
84
+ .fatl,
85
+ .fans,
86
+ .fands,
87
+ .faes,
88
+ .fajr,
89
+ .fajfr,
90
+ .fajdr,
91
+ .facr,
92
+ .#{v.$css-prefix}-solid,
93
+ .#{v.$css-prefix}-semibold,
94
+ .#{v.$css-prefix}-regular,
95
+ .#{v.$css-prefix}-light,
96
+ .#{v.$css-prefix}-thin,
97
+ .#{v.$css-prefix}-brands,
98
+ .#{v.$css-prefix}-classic,
99
+ .#{v.$css-prefix}-duotone,
100
+ .#{v.$css-prefix}-sharp,
101
+ .#{v.$css-prefix}-sharp-duotone,
102
+ .#{v.$css-prefix}-chisel,
103
+ .#{v.$css-prefix}-etch,
104
+ .#{v.$css-prefix}-jelly,
105
+ .#{v.$css-prefix}-jelly-duo,
106
+ .#{v.$css-prefix}-jelly-fill,
107
+ .#{v.$css-prefix}-notdog,
108
+ .#{v.$css-prefix}-notdog-duo,
109
+ .#{v.$css-prefix}-slab,
110
+ .#{v.$css-prefix}-slab-press,
111
+ .#{v.$css-prefix}-thumbprint,
112
+ .#{v.$css-prefix}-whiteboard,
113
+ .fa
114
+ )::before {
115
+ content: var(#{v.$icon-property});
116
+ content: var(#{v.$icon-property})/"";
117
+ }
118
+ :is(
119
+ .fad,
120
+ .#{v.$css-prefix}-duotone,
121
+ .fadr,
122
+ .fadl,
123
+ .fadt,
124
+ .fasds,
125
+ .#{v.$css-prefix}-sharp-duotone,
126
+ .fasdr,
127
+ .fasdl,
128
+ .fasdt,
129
+ .fatl,
130
+ .#{v.$css-prefix}-thumbprint,
131
+ .fands,
132
+ .#{v.$css-prefix}-notdog-duo,
133
+ .fajdr,
134
+ .#{v.$css-prefix}-jelly-duo
135
+ )::after {
136
+ content: var(#{v.$icon-property});
137
+ content: var(#{v.$icon-property})/"";
138
+ font-feature-settings: "ss01";
150
139
  }
@@ -0,0 +1,3 @@
1
+ @forward "functions";
2
+ @forward "variables";
3
+ @forward "mixins";