@ultraviolet/plus
Version:
Ultraviolet Plus
38 lines (35 loc) • 740 B
JavaScript
import { keyframes } from "@emotion/react";
const NAVIGATION_MIN_WIDTH = 220;
const NAVIGATION_WIDTH = 280;
const NAVIGATION_COLLASPED_WIDTH = 67;
const NAVIGATION_MAX_WIDTH = 320;
const ANIMATION_DURATION = 250;
const shrinkHeight = keyframes`
0% {
max-height: 50px; // this is on purpose higher than the actual height of the item
}
100% {
max-height: 32px;
}
`;
const groupAnimation = keyframes`
0% {
opacity: 0;
max-height: 0;
margin-bottom: -8px;
}
100% {
opacity: 1;
max-height: 40px;
margin-bottom: 0;
}
`;
export {
ANIMATION_DURATION,
NAVIGATION_COLLASPED_WIDTH,
NAVIGATION_MAX_WIDTH,
NAVIGATION_MIN_WIDTH,
NAVIGATION_WIDTH,
groupAnimation,
shrinkHeight
};