@@ -2,6 +2,7 @@
/* Transition
-------------------------- */
+ --all-transition: all .3s cubic-bezier(.645,.045,.355,1);
--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
--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;
@@ -135,7 +135,7 @@
margin: 0;
position: relative;
cursor: pointer;
- transition: var(--border-transition-base), var(--color-transition-base);
+ transition: var(--all-transition);
@utils-user-select none;
@mixin button-size var(--button-padding-vertical), var(--button-padding-horizontal), var(--button-font-size), 0;
@@ -163,8 +163,9 @@
&:checked {
& + .el-radio-button__inner {
z-index: 1;
- color: var(--color-primary);
- border-color: @color;
+ background-color: var(--color-primary);
+ border-color: @background-color;
+ color: #fff;
}