ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 1.29 kB
CSS
:root{--ivue-card-radius:4px;--ivue-card-font-size:14px;--ivue-card-top-bottom-padding:14px;--ivue-card-left-right-padding:16px;--ivue-card-shadow:0 1px 6px rgba(0, 0, 0, 0.2);--ivue-card-shadow-border-color:#eeeeee}.ivue-card{display:block;background:var(--ivue-white-color);border-radius:var(--ivue-card-radius);font-size:var(--ivue-card-font-size);position:relative;-webkit-transition:var(--ivue-all-transition);transition:var(--ivue-all-transition)}.ivue-card:hover{-webkit-box-shadow:var(--ivue-card-shadow);box-shadow:var(--ivue-card-shadow);border-color:var(--ivue-card-shadow-border-color)}.ivue-card-shadow{-webkit-box-shadow:var(--ivue-card-shadow);box-shadow:var(--ivue-card-shadow);border-color:var(--ivue-card-shadow-border-color)}.ivue-card-border{border:1px solid var(--ivue-border-multiple-color)}.ivue-card-title{border-bottom:1px solid var(--ivue-border-multiple-color);padding:var(--ivue-card-top-bottom-padding) var(--ivue-card-left-right-padding);line-height:1}.ivue-card-extra{position:absolute;right:var(--ivue-card-left-right-padding);top:var(--ivue-card-top-bottom-padding);line-height:1}.ivue-card-body{padding:var(--ivue-card-left-right-padding)}.ivue-card-dis-hover:hover{-webkit-box-shadow:none;box-shadow:none;border-color:var(--ivue-border-multiple-color)}