UNPKG

antd-mini

Version:

antd-mini 是支付宝小程序 UI 组件库,遵循 Ant Design 规范。

66 lines (57 loc) 1.23 kB
@import (reference) './variable.less'; @import '../style/mixins/hairline.less'; @cardPrefix: ant-card; .@{cardPrefix} { border-radius: 24 * @rpx; background-color: @ant-card-bg; &-header { display: flex; padding: 24 * @rpx; justify-content: space-between; &-title { color: @ant-card-header-title-color; line-height: 45 * @rpx; font-size: 32 * @rpx; } &-right { &-link { display: flex; align-items: center; font-size: 28 * @rpx; color: @ant-card-link-color; } } &:empty { margin-bottom: 0; } &-fold { &-btn { font-size: 26 * @rpx; color: @ant-card-fold-btn-color; } &-icon { font-size: 26 * @rpx; margin-left: 8 * @rpx; color: @ant-card-fold-btn-color; } } } .ant-card-divider { margin: 0 24 * @rpx; &-with-line { position: relative; .hairline('top',@ant-card-divider-color); } } .ant-card-content { padding: 24 * @rpx; transition: all 0.2s ease-in-out; will-change: max-height; &-collapse { max-height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } } }