First commit

application/demo/animations/animations.js

@@ -0,0 +1,95 @@
+
+import moveAnimation		from "./animation.move.js";
+
+import rotateAnimation		from "./animation.rotate.js";
+
+import backgroundColor		from "./animation.color.js";
+
+import skewX				from "./animation.skewX.js";
+
+import rotateMoveColor		from "./animation.rotateMoveColor.js";
+
+import reverse				from "./animation.reverse.js";
+
+import render				from "./animation.render.js";
+
+export default class animations{
+
+	overflowY		= "auto"
+
+	height			= 600;
+
+	width			= "auto"
+
+	flexDirection	= "column";
+
+
+	scrollbarWidth					= "6px";
+
+	scrollbarTrackBackground		= "#1c1d1e";
+
+	scrollbarThumbBackground		= "#404040"
+
+	scrollbarThumbBorderRadius		= "4px"
+
+	scrollbarThumbHoverBackground	= "grey";
+
+
+	#ifdef MACOS
+
+		#ifdef DARK
+
+			background          = "#282828";
+
+		#endif
+
+		#ifdef LIGHT
+
+			background      = "#fdfdfd";
+
+		#endif
+
+	#endif
+
+	#ifdef WINDOWS
+
+		#ifdef DARK
+
+			background		= "#202020cc";
+
+		#endif
+
+		#ifdef LIGHT
+
+			background		= "rgb(255 255 255 / 75%)";
+
+		#endif
+
+	#endif
+
+
+    layers                  = 1;
+
+   // height                  = "-webkit-fill-available";
+
+    padding					= 20;
+
+   // width					= "100%"
+
+
+	moveAnimation					= new moveAnimation();
+
+	rotateAnimation					= new rotateAnimation();
+
+	backgroundColor					= new backgroundColor();
+
+	skewX							= new skewX();
+
+
+	rotateMoveColor					= new rotateMoveColor();
+
+	reverse							= new reverse();
+
+	render							= new render();
+
+}