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

玛果添实UI组件库(Vue3)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _antdStyle = require("antd-style");
var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
  var token = _ref.token;
  return {
    "j-check-button": {
      display: "flex",
      gap: "16px",
      width: "100%"
    },
    "j-check-button-item": {
      flex: "1",
      minWidth: "0",
      padding: "8px",
      borderRadius: token.borderRadius,
      backgroundColor: "#f2f3f5",
      transition: "all 0.3s",
      color: "#333",
      textAlign: "center",
      cursor: "pointer",
      "&:hover": {
        backgroundColor: token.colorPrimary,
        opacity: "0.85",
        color: "#fff"
      }
    },
    selected: {
      backgroundColor: token.colorPrimary,
      color: "#fff"
    },
    disabled: {
      cursor: "not-allowed",
      color: "#00000060",
      "&:hover": {
        backgroundColor: "#f2f3f5",
        color: "#00000060"
      }
    }
  };
});
var _default = useStyles;
exports.default = _default;