@orca-fe/pocket/lib/eq-ratio-img/EqRatioImg.style.js

UI components by orca-team

"use strict";

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 prefix = 'eq-ratio-img';
var _default = exports.default = (0, _jss.createUseStyles)({
  root: {
    position: 'relative',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center'
  },
  defaultHeight: {
    height: '150px'
  },
  hiddenImg: {
    width: '100%',
    position: 'absolute',
    visibility: 'hidden',
    pointerEvents: 'none'
  },
  hiddenImgPlaceholder: {
    position: 'relative'
  },
  img: {
    position: 'absolute',
    top: '0',
    left: '0',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: 'center',
    width: '100%',
    height: '100%',
    opacity: '0',
    transition: 'opacity 300ms'
  },
  show: {
    opacity: '1'
  },
  defaultImg: {
    padding: '20px',
    fontSize: '50px',
    color: 'rgba(125, 125, 125, 0.4)'
  },
  errorTip: {
    position: 'absolute',
    top: '0',
    left: '0',
    width: '100%',
    height: '100%',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(125, 125, 125, 0.1)',
    textShadow: '0 0 1px #fff',
    color: '#999999'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});