95 lines
1.4 KiB
JavaScript
95 lines
1.4 KiB
JavaScript
|
|
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();
|
|
|
|
} |