| | |
| | | clear: both; |
| | | } |
| | | |
| | | .card-row-list { |
| | | .card-item-box { |
| | | background-color: #ffffff; |
| | | transition: all 0.3s; |
| | | } |
| | | >.pointer { |
| | | cursor: pointer; |
| | | } |
| | | >.active >.card-item-box { |
| | | border-color: #1890ff!important; |
| | | box-shadow: 0 0 4px #1890ff; |
| | | .card-row-list.flex-layout { |
| | | display: flex; |
| | | width: 100%; |
| | | >.ant-col { |
| | | width: 5%; |
| | | flex: 1; |
| | | } |
| | | } |
| | | .card-row-list.radio, .card-row-list.checkbox { |
| | | >.ant-col:not(.active):not(.selected):hover { |
| | | >.card-item-box { |
| | | border-color: #69c0ff!important; |
| | | box-shadow: 0 0 4px #69c0ff!important; |
| | | } |
| | | .card-row-list.float-center { |
| | | text-align: center; |
| | | >.ant-col { |
| | | display: inline-block; |
| | | float: none; |
| | | text-align: left; |
| | | vertical-align: top; |
| | | } |
| | | } |
| | | .card-row-list.true { |
| | | >.ant-col:hover { |
| | | .card-row-list.float-right { |
| | | text-align: right; |
| | | >.ant-col { |
| | | display: inline-block; |
| | | float: none; |
| | | text-align: left; |
| | | vertical-align: top; |
| | | } |
| | | } |
| | | .card-row-list.scale { |
| | | .mk-card:hover { |
| | | >.card-item-box { |
| | | z-index: 1; |
| | | transform: scale(1.05); |
| | |
| | | |
| | | .card-item-box { |
| | | position: relative; |
| | | background-color: #ffffff; |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | |
| | | |
| | | .loading-mask { |
| | | position: absolute; |
| | | left: 40px; |
| | | left: 0px; |
| | | top: 0; |
| | | right: 40px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | display: flex; |
| | | align-items: center; |