@botonic/react/lib/cjs/shared/styles.js

Build Chatbots using React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Scale = exports.Fade = void 0;
const tslib_1 = require("tslib");
const styled_components_1 = tslib_1.__importStar(require("styled-components"));
const fadeIn = (0, styled_components_1.keyframes) `
  from { opacity: 0; }
  to { opacity: 1; }
`;
exports.Fade = styled_components_1.default.div `
  opacity: 0;
  animation: ${fadeIn} 0.8s forwards;
`;
const scaleUp = (0, styled_components_1.keyframes) `
  from { transform: scale(1); }
  to { transform: scale(1.2); }
`;
const scaleDown = (0, styled_components_1.keyframes) `
  from { transform: scale(1.2); }
  to { transform: scale(1); }
`;
exports.Scale = styled_components_1.default.div `
  display: inline-block;
  animation-fill-mode: forwards;
  &:hover {
    animation: ${scaleUp} 0.2s forwards;
  }
  &:not():hover {
    animation: ${scaleDown} 0.2s forwards;
  }
`;
//# sourceMappingURL=styles.js.map