vuestic-ui
Version:
Vue 3 UI Framework
9 lines (8 loc) • 2.42 kB
JavaScript
import { _ as _sfc_main } from "./VaCard.vue_vue_type_script_setup_true_lang.js";
import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js";
const _style_0 = ':root,\n:host {\n --va-card-display: block;\n --va-card-position: relative;\n --va-card-overflow: visible;\n --va-card-box-shadow: var(--va-box-shadow);\n --va-card-border-radius: 0.375rem;\n --va-card-color: #34495e;\n --va-card-background-color: var(--va-background-secondary);\n --va-card-padding: 1.25rem;\n /* Outlined */\n --va-card-outlined-border: 3px solid var(--va-background-border);\n --va-card-outlined-box-shadow: none;\n /* Stripe */\n --va-card-stripe-border-size: var(--va-stripe-border-size);\n /* Dark */\n --va-card-dark-color: #ffffff;\n --va-card-dark-background-color: #34495e;\n /* Actions */\n --va-card-actions-btn-margin: 4px;\n}\n.va-card {\n display: var(--va-card-display);\n position: var(--va-card-position);\n overflow: var(--va-card-overflow);\n box-shadow: var(--va-card-box-shadow, var(--va-block-box-shadow));\n border-radius: var(--va-card-border-radius, var(--va-block-border-radius));\n color: var(--va-card-color);\n background-color: var(--va-card-background-color);\n font-family: var(--va-font-family);\n}\n.va-card > div:first-child {\n border-top-right-radius: var(--va-card-border-radius);\n border-top-left-radius: var(--va-card-border-radius);\n}\n.va-card > div:last-child {\n border-bottom-right-radius: var(--va-card-border-radius);\n border-bottom-left-radius: var(--va-card-border-radius);\n}\n.va-card--square {\n border-radius: 0;\n}\n.va-card--outlined {\n box-shadow: var(--va-card-outlined-box-shadow);\n border: var(--va-card-outlined-border, var(--va-block-border));\n}\n.va-card--no-border {\n border: none;\n}\n.va-card--disabled {\n cursor: default;\n opacity: 0.4;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.va-card--link {\n cursor: pointer;\n}\n.va-card--stripe::after {\n content: "";\n position: absolute;\n width: 100%;\n height: var(--va-card-stripe-border-size);\n top: 0;\n left: 0;\n background: var(--10e30ce4);\n border-top-right-radius: var(--va-card-border-radius);\n border-top-left-radius: var(--va-card-border-radius);\n}';
const _VaCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
_VaCard as _
};
//# sourceMappingURL=VaCard.js.map