@helpscout/hsds-react
Version:
React component library for Help Scout's Design System
15 lines (12 loc) • 1.44 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.default = void 0;
var up = "\n&.ax-up {\n transform: translateY(12px);\n\n &.ax-entered {\n transform: translateY(0);\n }\n}\n";
var down = "\n&.ax-down {\n transform: translateY(-12px);\n\n &.ax-entered {\n transform: translateY(0);\n }\n}\n";
var left = "\n&.ax-left {\n transform: translateX(12px);\n\n &.ax-entered {\n transform: translateX(0);\n }\n}\n";
var right = "\n&.ax-right {\n transform: translateX(-12px);\n\n &.ax-entered {\n transform: translateX(0);\n }\n}\n";
var upUp = "\n&.ax-upUp {\n transform: translateY(12px);\n\n &.ax-entered {\n transform: translateY(0);\n }\n &.ax-exiting {\n transform: translateY(-12px);\n }\n &.ax-exited {\n transform: translateY(-12px);\n }\n}\n";
var fade = "\n&.ax-fade {\n opacity: 0;\n pointer-events: none;\n\n &.ax-entered {\n opacity: 1;\n pointer-events: auto;\n }\n\n &.ax-exiting {\n pointer-events: none;\n }\n}\n";
var scale = "\n&.ax-scale {\n transform: scale(0.8);\n\n &.ax-entered {\n transform: scale(1);\n }\n}\n\n&.ax-scaleLg {\n transform: scale(0.5);\n\n &.ax-entered {\n transform: scale(1);\n }\n}\n\n&.ax-scaleXl {\n transform: scale(0.3);\n\n &.ax-entered {\n transform: scale(1);\n }\n}\n";
var _default = "\n" + up + "\n" + down + "\n" + left + "\n" + right + "\n\n" + upUp + "\n\n" + fade + "\n" + scale + "\n";
exports.default = _default;