test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 11:39:28 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Improve card variables

Browse Source
This commit is contained in:
afc163 2017-09-22 18:13:06 +08:00
parent 8b3ef51c4f
commit e7ccdfef74
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,8 +2,7 @@
@import "../../style/mixins/index"; @import "../../style/mixins/index";
@card-prefix-cls: ~"@{ant-prefix}-card"; @card-prefix-cls: ~"@{ant-prefix}-card";
@card-padding-base: 24px; @card-head-height: 48px;
@card-padding-wider: 32px;
.@{card-prefix-cls} { .@{card-prefix-cls} {
.reset-component; .reset-component;
@ -31,6 +30,7 @@
border-radius: @border-radius-sm @border-radius-sm 0 0; border-radius: @border-radius-sm @border-radius-sm 0 0;
.clearfix; .clearfix;
margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
min-height: @card-head-height;
&-wrapper { &-wrapper {
display: flex; display: flex;
@ -38,7 +38,6 @@
&-title { &-title {
font-size: @font-size-lg; font-size: @font-size-lg;
min-height: @card-head-height;
padding: @card-head-padding 0; padding: @card-head-padding 0;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -195,7 +194,6 @@
background: @background-color-base; background: @background-color-base;
&-title { &-title {
min-height: @card-inner-head-height;
padding: @card-inner-head-padding 0; padding: @card-inner-head-padding 0;
} }
} }

4
components/style/themes/default.less
View File

@ -331,12 +331,12 @@
// Card // Card
// --- // ---
@card-head-height: 48px;
@card-inner-head-height: 46px;
@card-head-color: @heading-color; @card-head-color: @heading-color;
@card-head-background: @component-background; @card-head-background: @component-background;
@card-head-padding: 16px; @card-head-padding: 16px;
@card-inner-head-padding: 12px; @card-inner-head-padding: 12px;
@card-padding-base: 24px;
@card-padding-wider: 32px;
@card-actions-background: @background-color-base; @card-actions-background: @background-color-base;
// Tabs // Tabs