@orca-fe/pocket/lib/tooltip/Tooltip.style.js

UI components by orca-team

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _tools = require("@orca-fe/tools");
var prefixCls = 'orca-tooltip';
var _default = exports.default = (0, _tools.createUseStaticCss)("\n.".concat(prefixCls, ".").concat(prefixCls, "-zoom-appear,\n.").concat(prefixCls, ".").concat(prefixCls, "-zoom-enter {\n  opacity: 0;\n}\n.").concat(prefixCls, ".").concat(prefixCls, "-zoom-enter,\n.").concat(prefixCls, ".").concat(prefixCls, "-zoom-leave {\n  display: block;\n}\n.").concat(prefixCls, "-zoom-enter,\n.").concat(prefixCls, "-zoom-appear {\n  opacity: 0;\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n  animation-play-state: paused;\n}\n.").concat(prefixCls, "-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);\n  animation-play-state: paused;\n}\n.").concat(prefixCls, "-zoom-enter.").concat(prefixCls, "-zoom-enter-active,\n.").concat(prefixCls, "-zoom-appear.").concat(prefixCls, "-zoom-appear-active {\n  animation-name: rcToolTipZoomIn;\n  animation-play-state: running;\n}\n.").concat(prefixCls, "-zoom-leave.").concat(prefixCls, "-zoom-leave-active {\n  animation-name: rcToolTipZoomOut;\n  animation-play-state: running;\n}\n@keyframes rcToolTipZoomIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 50%;\n    transform: scale(0.8, 0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 50% 50%;\n    transform: scale(1, 1);\n  }\n}\n@keyframes rcToolTipZoomOut {\n  0% {\n    opacity: 1;\n    transform-origin: 50% 50%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 50%;\n    transform: scale(0.8, 0.8);\n  }\n}\n.").concat(prefixCls, " {\n  position: absolute;\n  z-index: 1070;\n  display: block;\n  visibility: visible;\n  font-size: 12px;\n  line-height: 1.5;\n  opacity: 0.9;\n  box-sizing: border-box;\n}\n.").concat(prefixCls, "-hidden {\n  display: none;\n}\n.").concat(prefixCls, "-placement-top,\n.").concat(prefixCls, "-placement-topLeft,\n.").concat(prefixCls, "-placement-topRight {\n  padding: 5px 0 9px 0;\n}\n.").concat(prefixCls, "-placement-right,\n.").concat(prefixCls, "-placement-rightTop,\n.").concat(prefixCls, "-placement-rightBottom {\n  padding: 0 5px 0 9px;\n}\n.").concat(prefixCls, "-placement-bottom,\n.").concat(prefixCls, "-placement-bottomLeft,\n.").concat(prefixCls, "-placement-bottomRight {\n  padding: 9px 0 5px 0;\n}\n.").concat(prefixCls, "-placement-left,\n.").concat(prefixCls, "-placement-leftTop,\n.").concat(prefixCls, "-placement-leftBottom {\n  padding: 0 9px 0 5px;\n}\n.").concat(prefixCls, "-inner {\n  padding: 8px 10px;\n  color: #fff;\n  text-align: left;\n  text-decoration: none;\n  background-color: #373737;\n  border-radius: 6px;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n  min-height: 34px;\n  box-sizing: border-box;\n}\n.").concat(prefixCls, "-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.").concat(prefixCls, "-placement-top .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-topLeft .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-topRight .").concat(prefixCls, "-arrow {\n  bottom: 4px;\n  margin-left: -5px;\n  border-width: 5px 5px 0;\n  border-top-color: #373737;\n}\n.").concat(prefixCls, "-placement-top .").concat(prefixCls, "-arrow {\n  left: 50%;\n}\n.").concat(prefixCls, "-placement-topLeft .").concat(prefixCls, "-arrow {\n  left: 15%;\n}\n.").concat(prefixCls, "-placement-topRight .").concat(prefixCls, "-arrow {\n  right: 15%;\n}\n.").concat(prefixCls, "-placement-right .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-rightTop .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-rightBottom .").concat(prefixCls, "-arrow {\n  left: 4px;\n  margin-top: -5px;\n  border-width: 5px 5px 5px 0;\n  border-right-color: #373737;\n}\n.").concat(prefixCls, "-placement-right .").concat(prefixCls, "-arrow {\n  top: 50%;\n}\n.").concat(prefixCls, "-placement-rightTop .").concat(prefixCls, "-arrow {\n  top: 15%;\n  margin-top: 0;\n}\n.").concat(prefixCls, "-placement-rightBottom .").concat(prefixCls, "-arrow {\n  bottom: 15%;\n}\n.").concat(prefixCls, "-placement-left .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-leftTop .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-leftBottom .").concat(prefixCls, "-arrow {\n  right: 4px;\n  margin-top: -5px;\n  border-width: 5px 0 5px 5px;\n  border-left-color: #373737;\n}\n.").concat(prefixCls, "-placement-left .").concat(prefixCls, "-arrow {\n  top: 50%;\n}\n.").concat(prefixCls, "-placement-leftTop .").concat(prefixCls, "-arrow {\n  top: 15%;\n  margin-top: 0;\n}\n.").concat(prefixCls, "-placement-leftBottom .").concat(prefixCls, "-arrow {\n  bottom: 15%;\n}\n.").concat(prefixCls, "-placement-bottom .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-bottomLeft .").concat(prefixCls, "-arrow,\n.").concat(prefixCls, "-placement-bottomRight .").concat(prefixCls, "-arrow {\n  top: 4px;\n  margin-left: -5px;\n  border-width: 0 5px 5px;\n  border-bottom-color: #373737;\n}\n.").concat(prefixCls, "-placement-bottom .").concat(prefixCls, "-arrow {\n  left: 50%;\n}\n.").concat(prefixCls, "-placement-bottomLeft .").concat(prefixCls, "-arrow {\n  left: 15%;\n}\n.").concat(prefixCls, "-placement-bottomRight .").concat(prefixCls, "-arrow {\n  right: 15%;\n}\n\n"));