mt-ui-components-vue3/lib/CardSelect/style/index.style.js

玛果添实UI组件库(Vue3)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _internal = require("ant-design-vue/es/theme/internal");
require("ant-design-vue");
// import { createStyles } from "antd-style";

var useStyles = function useStyles(token) {
  var componentCls = token.componentCls;
  return (0, _defineProperty2.default)({}, componentCls, {
    ".j-card-item": {
      minWidth: "36px",
      width: "unset"
    },
    ".j-card-title-warp": {
      flex: "1 1 auto"
    },
    ".j-card-image": {
      marginBottom: "4px"
    },
    ".sub-title": {
      color: "rgba(0, 0, 0, 0.24)"
    },
    '.active': {
      border: "1px solid ".concat(token.colorPrimary)
    },
    '.disabled': {
      cursor: "not-allowed",
      opacity: "0.75",
      color: token.colorTextDisabled
    },
    '.vertical': {
      padding: "14px 16px"
    },
    '.horizontal': {
      padding: "20px"
    },
    '.right': {
      flexDirection: "row-reverse"
    },
    ".no-column": {
      display: "flex",
      flexWrap: "wrap",
      gap: "16px"
    }
  });
};
// export default useStyles;
var _default = (0, _internal.genComponentStyleHook)('CardSelect', function (token) {
  return [useStyles(token)];
});
exports.default = _default;