diff --git a/package-lock.json b/package-lock.json index 159da334..fef5352a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10691,6 +10691,7 @@ "os": [ "darwin" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10711,6 +10712,7 @@ "os": [ "darwin" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10731,6 +10733,7 @@ "os": [ "freebsd" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10751,6 +10754,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10771,6 +10775,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10791,6 +10796,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10811,6 +10817,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10831,6 +10838,7 @@ "os": [ "linux" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, @@ -10851,6 +10859,7 @@ "os": [ "win32" ], + "peer": true, "engines": { "node": ">= 12.0.0" }, diff --git a/packages/core/src/sass/css/styles/_index.scss b/packages/core/src/sass/css/styles/_index.scss index f9878b39..6778a7ce 100644 --- a/packages/core/src/sass/css/styles/_index.scss +++ b/packages/core/src/sass/css/styles/_index.scss @@ -1,2 +1,3 @@ @forward 'variables'; @forward 'generic'; +@forward 'animation'; diff --git a/packages/core/src/sass/css/styles/animation.scss b/packages/core/src/sass/css/styles/animation.scss new file mode 100644 index 00000000..5135cd6d --- /dev/null +++ b/packages/core/src/sass/css/styles/animation.scss @@ -0,0 +1,67 @@ +@keyframes spin { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +} + +@keyframes notify { + 0%, + 70% { + transform: scale(1); + opacity: 1; + } + + 100% { + transform: scale(1.8); + opacity: 0; + } +} + +@keyframes beat { + 0%, + 100% { + opacity: 1; + } + + 25% { + opacity: 0.6; + } + + 50% { + opacity: 1; + } + + 75% { + opacity: 0.5; + } +} + +@keyframes breath { + 0%, + 100% { + transform: scale(1); + opacity: 1; + } + + 50% { + transform: scale(0.95); + opacity: 0.5; + } +} + +@keyframes bounce { + 0%, + 100% { + transform: translateY(-25%) scale(1); + animation-timing-function: cubic-bezier(0.7, 0, 0.85, 0.6); + } + + 50% { + transform: translateY(0) scale(1.05, 0.95); + animation-timing-function: cubic-bezier(0.15, 0, 0.3, 1); + } +} \ No newline at end of file diff --git a/packages/core/src/sass/tools/settings/common/_utils.scss b/packages/core/src/sass/tools/settings/common/_utils.scss index ef4d82db..86d3f4f2 100644 --- a/packages/core/src/sass/tools/settings/common/_utils.scss +++ b/packages/core/src/sass/tools/settings/common/_utils.scss @@ -1953,6 +1953,13 @@ $utils-db: ( 'infinite': ( 'i': infinite, ), + 'animation': ( + 'mSp': spin 1.5s ease infinite, + 'mNf': notify 1.5s ease infinite, + 'mBt': beat 4s cubic-bezier(0.37, 0, 0.63, 1) infinite, + 'mBr': breath 2s ease-in-out infinite, + 'mBn': bounce 1s infinite + ), 'font-size': ( 'sl': smaller, // so as not to occupy `lg`