@orca-fe/pocket
Version:
UI components by orca-team
51 lines (50 loc) • 1.18 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
var _jss = require("../../../utils/jss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var beforeAfterStyle = {
position: 'absolute',
content: '\'\'',
width: '6px',
height: '1.5px',
borderRadius: '2px',
backgroundColor: '#cccccc',
top: '0px',
left: '0',
transition: 'transform 300ms'
};
var prefix = 'arrow';
var _default = exports.default = (0, _jss.createUseStyles)({
root: {
position: 'relative',
cursor: 'pointer'
},
before: {
extend: beforeAfterStyle,
left: '-3px',
transformOrigin: 'center',
transform: 'rotate(-45deg)'
},
after: {
extend: beforeAfterStyle,
transformOrigin: 'center',
transform: 'rotate(45deg)'
},
down: {
'& $before': {
transform: 'rotate(45deg)'
},
'& $after': {
transform: 'rotate(-45deg)'
}
}
}, {
classNamePrefix: prefix,
plugins: [(0, _jssPluginAutoPrefix.default)({
prefix: prefix
})]
});