@ultraviolet/plus
Version:
Ultraviolet Plus
38 lines (35 loc) • 1.01 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const react = require("@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 = react.keyframes`
0% {
max-height: 50px; // this is on purpose higher than the actual height of the item
}
100% {
max-height: 32px;
}
`;
const groupAnimation = react.keyframes`
0% {
opacity: 0;
max-height: 0;
margin-bottom: -8px;
}
100% {
opacity: 1;
max-height: 40px;
margin-bottom: 0;
}
`;
exports.ANIMATION_DURATION = ANIMATION_DURATION;
exports.NAVIGATION_COLLASPED_WIDTH = NAVIGATION_COLLASPED_WIDTH;
exports.NAVIGATION_MAX_WIDTH = NAVIGATION_MAX_WIDTH;
exports.NAVIGATION_MIN_WIDTH = NAVIGATION_MIN_WIDTH;
exports.NAVIGATION_WIDTH = NAVIGATION_WIDTH;
exports.groupAnimation = groupAnimation;
exports.shrinkHeight = shrinkHeight;