mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-21 04:50:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(card): card size selector shadowed

Browse Source
This commit is contained in:
07akioni 2020-03-02 12:09:48 +08:00
parent 3e763bbbf3
commit bd8397364f
2 changed files with 27 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
styles/Card.scss
View File

@ -46,25 +46,27 @@
}
}
}
@include b(card-header) {
padding: 0px map-get($--n-card-margin-left, $size);
margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0;
@include e(main) {
font-size: 18px;
& > {
@include b(card-header) {
padding: 0px map-get($--n-card-margin-left, $size);
margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0;
@include e(main) {
font-size: map-get($--n-card-font-size, $size);
}
@include e(extra) {
font-size: 14px;
}
}
@include e(extra) {
@include e(content, footer) {
padding: 0px map-get($--n-card-margin-left, $size);
margin: map-get($--n-card-margin-bottom, $size) 0;
font-size: 14px;
}
@include e(action) {
background-color: $--card-action-background-color;
padding: map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size);
font-size: 14px;
}
}
@include e(content, footer) {
padding: 0px map-get($--n-card-margin-left, $size);
margin: map-get($--n-card-margin-bottom, $size) 0;
font-size: 14px;
}
@include e(action) {
background-color: $--card-action-background-color;
padding: map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size);
font-size: 14px;
}
}
}

11
styles/themes/common.scss
View File

@ -80,6 +80,13 @@ $--n-base-select-menu-border-radius: $--n-border-radius;
/** card */
$--n-card-border-radius: $--n-border-radius;
$--n-card-font-size: (
'small': 16px,
'medium': 18px,
'large': 18px,
'huge': 18px
);
$--n-card-margin-left: (
'small': 16px,
'medium': 24px,
@ -97,8 +104,8 @@ $--n-card-margin-top: (
$--n-card-margin-bottom: (
'small': 12px,
'medium': 16px,
'large': 16px,
'huge': 20px
'large': 20px,
'huge': 24px
);
/** cascader */