feat(utils): add typical animations

docs/examples/css_lib-helpers/animations/animations.hbs

@@ -0,0 +1,3 @@
+<div class="animation-place D-f Fld-c Ai-c test-row md_W25p">
+	<div class="animation-item {{modifier_class}}"></div>
+</div>

packages/core/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mlut/core",
-	"version": "2.5.1",
+	"version": "2.6.0",
 	"description": "Tailwind CSS alternative for custom websites and creative coding",
 	"author": "mr150",
 	"type": "module",

packages/core/src/sass/css/styles/_index.scss

@@ -1,2 +1,3 @@
 @forward 'variables';
 @forward 'generic';
+@forward 'animation';

packages/core/src/sass/css/styles/animation.scss

@@ -0,0 +1,85 @@
+@use '../../tools' as ml;
+
+/*
+Animations
+
+Basic animations such as rotation, notification, "heartbeat", etc. You can use it with [An](section-utils-reference.html#kssref-utils-reference-an) utility.
+
+.An-mSp - spin
+.An-mNt - notify
+.An-mBt - beat
+.An-mBr - breath
+.An-mBn - bounce
+
+Markup: ../../../docs/examples/css_lib-helpers/animations/animations.hbs
+
+Styleguide: css_lib.styles.animation
+*/
+
+@keyframes #{ml.$css-var-prefix}spin {
+	from {
+		transform: rotate(0deg);
+	}
+
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes #{ml.$css-var-prefix}notify {
+	0%,
+	70% {
+		transform: scale(1);
+		opacity: 1;
+	}
+
+	100% {
+		transform: scale(1.8);
+		opacity: 0;
+	}
+}
+
+@keyframes #{ml.$css-var-prefix}beat {
+	0%,
+	100% {
+		opacity: 1;
+	}
+
+	25% {
+		opacity: 0.6;
+	}
+
+	50% {
+		opacity: 1;
+	}
+
+	75% {
+		opacity: 0.5;
+	}
+}
+
+@keyframes #{ml.$css-var-prefix}breath {
+	0%,
+	100% {
+		transform: scale(1);
+		opacity: 1;
+	}
+
+	50% {
+		transform: scale(0.95);
+		opacity: 0.5;
+	}
+}
+
+@keyframes #{ml.$css-var-prefix}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);
+	}
+}

packages/core/src/sass/css/utils/_transition.scss

@@ -11,6 +11,6 @@ ml.$utils-map: map.merge(
 		ml.$cBpAllCp + 'Tsd': (ml.$cArOlBp + ml.$css-transition-time, 1s, 0s),
 		'Tsdl': (ml.$css-transition-time, 1s),
 		'Tstf': (ml.$kUvKA),
-		ml.$cArOlBp + 'An': ('n'),
+		ml.$cBpAllCp + 'An': (ml.$kUvKA),
 	)
 );

packages/core/src/sass/tools/settings/common/_utils.scss

@@ -1642,6 +1642,14 @@ $utils-db: (
 					'': none,
 				),
 			),
+			'Fils': (
+				'properties': field-sizing,
+				'keywords': (
+					'': content,
+					'c': content,
+					'f': fixed
+				),
+			),
 			'Acnc': (
 				'properties': accent-color,
 				'conversion': 'color',
@@ -1953,6 +1961,13 @@ $utils-db: (
 			'infinite': (
 				'i': infinite,
 			),
+			'animation': (
+				'mSp': #{ml.$css-var-prefix}spin 1.5s linear infinite,
+				'mNt': #{ml.$css-var-prefix}notify 1.5s ease infinite,
+				'mBt': #{ml.$css-var-prefix}beat 4s cubic-bezier(0.37, 0, 0.63, 1) infinite,
+				'mBr': #{ml.$css-var-prefix}breath 2s ease-in-out infinite,
+				'mBn': #{ml.$css-var-prefix}bounce 1s infinite
+			),
 			'font-size': (
 				'sl': smaller,
 				// so as not to occupy `lg`