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();

}