vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 1.71 kB
CSS
.card-wrap[data-v-811bb8ba]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;background:#fff;border-radius:8px;text-align:left;transition:width .2s}.card-wrap .card-head[data-v-811bb8ba]{display:flex;justify-content:center;flex-direction:column;margin-bottom:-1px;color:#000000e0;font-weight:600;background:transparent;border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;transition:all .2s}.card-wrap .card-head .head-wrapper[data-v-811bb8ba]{width:100%;display:flex;align-items:center;gap:8px}.card-wrap .card-head .head-wrapper .head-title[data-v-811bb8ba]{display:inline-block;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-wrap .card-head .head-wrapper .head-extra[data-v-811bb8ba]{margin-left:auto;font-weight:400;font-size:14px;transition:font-size .2s}.card-wrap .card-body[data-v-811bb8ba]{border-radius:0 0 8px 8px;transition:padding .2s}.card-bordered[data-v-811bb8ba]{border:1px solid #f0f0f0}.card-small .card-head[data-v-811bb8ba]{min-height:38px;padding:0 12px;font-size:14px}.card-small .card-body[data-v-811bb8ba]{padding:12px}.card-middle .card-head[data-v-811bb8ba]{min-height:56px;padding:0 24px;font-size:16px}.card-middle .card-body[data-v-811bb8ba]{padding:24px}.card-large[data-v-811bb8ba]{font-size:16px}.card-large .card-head[data-v-811bb8ba]{min-height:74px;padding:0 36px;font-size:18px}.card-large .card-head .head-wrapper .head-extra[data-v-811bb8ba]{font-size:16px}.card-large .card-body[data-v-811bb8ba]{padding:36px}.card-hoverable[data-v-811bb8ba]{cursor:pointer;transition:box-shadow .2s,border-color .2s}.card-hoverable[data-v-811bb8ba]:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}