@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
package/dist/js/keymaster.js
CHANGED
package/dist/js/keymaster.min.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Unlock Keymaster [object Object] v1.0.
|
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
|
package/fonts/fa-light-300.woff2
CHANGED
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
package/fonts/fa-solid-900.woff2
CHANGED
Binary file
|
package/fonts/fa-thin-100.woff2
CHANGED
Binary file
|
Binary file
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@unlk/keymaster",
|
3
|
-
"version": "1.0.
|
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": "^
|
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
|
-
.#{
|
5
|
-
animation-name: #{
|
6
|
-
animation-delay: var(--#{
|
7
|
-
animation-direction: var(--#{
|
8
|
-
animation-duration: var(--#{
|
9
|
-
animation-iteration-count: var(--#{
|
10
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
14
|
-
animation-name: #{
|
15
|
-
animation-delay: var(--#{
|
16
|
-
animation-direction: var(--#{
|
17
|
-
animation-duration: var(--#{
|
18
|
-
animation-iteration-count: var(--#{
|
19
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
23
|
-
animation-name: #{
|
24
|
-
animation-delay: var(--#{
|
25
|
-
animation-direction: var(--#{
|
26
|
-
animation-duration: var(--#{
|
27
|
-
animation-iteration-count: var(--#{
|
28
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
32
|
-
animation-name: #{
|
33
|
-
animation-delay: var(--#{
|
34
|
-
animation-direction: var(--#{
|
35
|
-
animation-duration: var(--#{
|
36
|
-
animation-iteration-count: var(--#{
|
37
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
41
|
-
animation-name: #{
|
42
|
-
animation-delay: var(--#{
|
43
|
-
animation-direction: var(--#{
|
44
|
-
animation-duration: var(--#{
|
45
|
-
animation-iteration-count: var(--#{
|
46
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
50
|
-
animation-name: #{
|
51
|
-
animation-delay: var(--#{
|
52
|
-
animation-direction: var(--#{
|
53
|
-
animation-duration: var(--#{
|
54
|
-
animation-iteration-count: var(--#{
|
55
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
59
|
-
animation-name: #{
|
60
|
-
animation-delay: var(--#{
|
61
|
-
animation-direction: var(--#{
|
62
|
-
animation-duration: var(--#{
|
63
|
-
animation-iteration-count: var(--#{
|
64
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
68
|
-
--#{
|
68
|
+
.#{v.$css-prefix}-spin-reverse {
|
69
|
+
--#{v.$css-prefix}-animation-direction: reverse;
|
69
70
|
}
|
70
71
|
|
71
|
-
.#{
|
72
|
-
.#{
|
73
|
-
animation-name: #{
|
74
|
-
animation-direction: var(--#{
|
75
|
-
animation-duration: var(--#{
|
76
|
-
animation-iteration-count: var(--#{
|
77
|
-
animation-timing-function: var(--#{
|
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
|
-
.#{
|
85
|
-
.#{
|
86
|
-
.#{
|
87
|
-
.#{
|
88
|
-
.#{
|
89
|
-
.#{
|
90
|
-
.#{
|
91
|
-
.#{
|
92
|
-
.#{
|
93
|
-
animation
|
94
|
-
|
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 #{
|
99
|
+
@keyframes #{v.$css-prefix}-beat {
|
102
100
|
0%, 90% { transform: scale(1); }
|
103
|
-
45% { transform: scale(var(--#{
|
101
|
+
45% { transform: scale(var(--#{v.$css-prefix}-beat-scale, 1.25)); }
|
104
102
|
}
|
105
103
|
|
106
|
-
@keyframes #{
|
104
|
+
@keyframes #{v.$css-prefix}-bounce {
|
107
105
|
0% { transform: scale(1,1) translateY(0); }
|
108
|
-
10% { transform: scale(var(--#{
|
109
|
-
30% { transform: scale(var(--#{
|
110
|
-
50% { transform: scale(var(--#{
|
111
|
-
57% { transform: scale(1,1) translateY(var(--#{
|
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 #{
|
117
|
-
50% { opacity: var(--#{
|
114
|
+
@keyframes #{v.$css-prefix}-fade {
|
115
|
+
50% { opacity: var(--#{v.$css-prefix}-fade-opacity, 0.4); }
|
118
116
|
}
|
119
117
|
|
120
|
-
@keyframes #{
|
118
|
+
@keyframes #{v.$css-prefix}-beat-fade {
|
121
119
|
0%, 100% {
|
122
|
-
opacity: var(--#{
|
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(--#{
|
125
|
+
transform: scale(var(--#{v.$css-prefix}-beat-fade-scale, 1.125));
|
128
126
|
}
|
129
127
|
}
|
130
128
|
|
131
|
-
@keyframes #{
|
129
|
+
@keyframes #{v.$css-prefix}-flip {
|
132
130
|
50% {
|
133
|
-
transform: rotate3d(var(--#{
|
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 #{
|
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 #{
|
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
|
-
.#{
|
5
|
-
|
6
|
-
|
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
|
-
|
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
|
-
|
149
|
-
|
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
|
}
|