github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Button: circle button supports size (#11275) 

让circle button也支持size属性控制，padding的大小根据size属性的```button-padding-vertical```确定
pull/11320/head
douxc 2018-05-23 11:04:35 +08:00 committed by 杨奕
parent 66c7b3cfc1
commit bc75c14dac
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/theme-chalk/src/button.scss
View File

@ -119,7 +119,7 @@
} }
@include when(circle) { @include when(circle) {
border-radius: 50%; border-radius: 50%;
padding: 12px; padding: $--button-padding-vertical;
} }
@include m(primary) { @include m(primary) {
@include button-variant($--button-primary-color, $--button-primary-fill, $--button-primary-border); @include button-variant($--button-primary-color, $--button-primary-fill, $--button-primary-border);
@ -138,12 +138,21 @@
} }
@include m(medium) { @include m(medium) {
@include button-size($--button-medium-padding-vertical, $--button-medium-padding-horizontal, $--button-medium-font-size, $--button-medium-border-radius); @include button-size($--button-medium-padding-vertical, $--button-medium-padding-horizontal, $--button-medium-font-size, $--button-medium-border-radius);
@include when(circle) {
padding: $--button-medium-padding-vertical;
}
} }
@include m(small) { @include m(small) {
@include button-size($--button-small-padding-vertical, $--button-small-padding-horizontal, $--button-small-font-size, $--button-small-border-radius); @include button-size($--button-small-padding-vertical, $--button-small-padding-horizontal, $--button-small-font-size, $--button-small-border-radius);
@include when(circle) {
padding: $--button-small-padding-vertical;
}
} }
@include m(mini) { @include m(mini) {
@include button-size($--button-mini-padding-vertical, $--button-mini-padding-horizontal, $--button-mini-font-size, $--button-mini-border-radius); @include button-size($--button-mini-padding-vertical, $--button-mini-padding-horizontal, $--button-mini-font-size, $--button-mini-border-radius);
@include when(circle) {
padding: $--button-mini-padding-vertical;
}
} }
@include m(text) { @include m(text) {
border-color: transparent; border-color: transparent;