mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +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); @include b(card-header) {
margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0; padding: 0px map-get($--n-card-margin-left, $size);
@include e(main) { margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0;
font-size: 18px; @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; 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 */ /** card */
$--n-card-border-radius: $--n-border-radius; $--n-card-border-radius: $--n-border-radius;
$--n-card-font-size: (
'small': 16px,
'medium': 18px,
'large': 18px,
'huge': 18px
);
$--n-card-margin-left: ( $--n-card-margin-left: (
'small': 16px, 'small': 16px,
'medium': 24px, 'medium': 24px,
@ -97,8 +104,8 @@ $--n-card-margin-top: (
$--n-card-margin-bottom: ( $--n-card-margin-bottom: (
'small': 12px, 'small': 12px,
'medium': 16px, 'medium': 16px,
'large': 16px, 'large': 20px,
'huge': 20px 'huge': 24px
); );
/** cascader */ /** cascader */