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

fix radio-button style

pull/1214/head
baiyaaaaa 2016-11-18 22:07:55 +08:00 committed by 杨奕
parent 5b6dc77243
commit 6b857a23f8
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/theme-default/src/common/var.css
View File

@ -2,6 +2,7 @@
/* Transition /* Transition
-------------------------- */ -------------------------- */
--all-transition: all .3s cubic-bezier(.645,.045,.355,1);
--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); --fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
--fade-linear-transition: opacity 200ms linear; --fade-linear-transition: opacity 200ms linear;
--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms; --md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;

7
packages/theme-default/src/radio.css
View File

@ -135,7 +135,7 @@
margin: 0; margin: 0;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
transition: var(--border-transition-base), var(--color-transition-base); transition: var(--all-transition);
@utils-user-select none; @utils-user-select none;
@mixin button-size var(--button-padding-vertical), var(--button-padding-horizontal), var(--button-font-size), 0; @mixin button-size var(--button-padding-vertical), var(--button-padding-horizontal), var(--button-font-size), 0;
@ -163,8 +163,9 @@
&:checked { &:checked {
& + .el-radio-button__inner { & + .el-radio-button__inner {
z-index: 1; z-index: 1;
color: var(--color-primary); background-color: var(--color-primary);
border-color: @color; border-color: @background-color;
color: #fff;
} }
} }