mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

Add @card-radius

Browse Source
This commit is contained in:
afc163 2018-08-26 12:34:42 +08:00
parent 5f17ed789b
commit 1a73fde89f
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/card/style/index.less
View File

@ -4,11 +4,12 @@
@card-prefix-cls: ~"@{ant-prefix}-card";
@card-head-height: 48px;
@card-hover-border: rgba(0, 0, 0, 0.09);
@card-radius: @border-radius-sm;
.@{card-prefix-cls} {
.reset-component;
background: @component-background;
border-radius: @border-radius-sm;
border-radius: @card-radius;
position: relative;
transition: all .3s;
@ -28,7 +29,7 @@
background: @card-head-background;
border-bottom: @border-width-base @border-style-base @border-color-split;
padding: 0 @card-padding-base;
border-radius: @border-radius-sm @border-radius-sm 0 0;
border-radius: @card-radius @card-radius 0 0;
.clearfix;
margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
min-height: @card-head-height;
@ -101,9 +102,14 @@
padding-bottom: 0;
}
&-cover > * {
width: 100%;
display: block;
&-cover {
> * {
width: 100%;
display: block;
}
img {
border-radius: @card-radius @card-radius 0 0;
}
}
&-actions {
@ -232,7 +238,7 @@
&-loading-block {
height: 14px;
margin: 4px 0;
border-radius: @border-radius-sm;
border-radius: @card-radius;
background: linear-gradient(90deg, rgba(207, 216, 220, .2), rgba(207, 216, 220, .4), rgba(207, 216, 220, .2));
animation: card-loading 1.4s ease infinite;
background-size: 600% 600%;