@orca-fe/pocket/lib/virtual-calendar/DateCell/DateCell.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 = 'virtual-calendar-date-cell';
var _default = exports.default = (0, _jss.createUseStyles)({
  root: {
    position: 'relative',
    display: 'flex',
    justifyContent: 'center',
    transition: 'all 300ms',
    color: 'rgb(0 0 0 / 30%)',
    border: '4px solid transparent',
    opacity: '0.7',
    cursor: 'default',
    '&::before': {
      position: 'absolute',
      content: '\' \'',
      top: '0',
      left: '0',
      width: '100%',
      height: '100%',
      backgroundColor: 'var(--virtual-calendar-primary-color)',
      opacity: '0',
      transition: 'opacity 300ms',
      zIndex: '0',
      pointerEvents: 'none'
    }
  },
  today: {},
  checked: {},
  date: {
    position: 'relative',
    width: '100%',
    height: '100%',
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    justifyContent: 'space-evenly'
  },
  text: {
    fontSize: '1.5em'
  },
  extra: {
    fontSize: '0.8em'
  },
  currentMonth: {
    color: 'rgb(0 0 0 / 85%)',
    opacity: '1'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});