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

玛果添实UI组件库(Vue3)

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
// import { createStyles } from "antd-style";
import { genComponentStyleHook } from "ant-design-vue/es/theme/internal";
import "ant-design-vue";
var useStyles = function useStyles(token) {
  var componentCls = token.componentCls;
  return _defineProperty({}, 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;
export default genComponentStyleHook('CardSelect', function (token) {
  return [useStyles(token)];
});