style: add @radio-border-width (#27703)

This commit is contained in:
xrkffgg 2020-11-11 23:44:49 +08:00 committed by GitHub
parent c3f6a38c65
commit 9c009f9bdb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions

View File

@ -78,11 +78,9 @@
&-inner { &-inner {
&::after { &::after {
@radio-dot-size: @radio-size - 8px;
position: absolute; position: absolute;
top: (@radio-size - @radio-dot-size) / 2 - 1px; top: (@radio-size - @radio-dot-size) / 2 - @radio-border-width;
left: (@radio-size - @radio-dot-size) / 2 - 1px; left: (@radio-size - @radio-dot-size) / 2 - @radio-border-width;
display: table; display: table;
width: @radio-dot-size; width: @radio-dot-size;
height: @radio-dot-size; height: @radio-dot-size;
@ -105,8 +103,8 @@
background-color: @radio-button-bg; background-color: @radio-button-bg;
border-color: @border-color-base; border-color: @border-color-base;
border-style: solid; border-style: solid;
border-width: 1px; border-width: @radio-border-width;
border-radius: 100px; border-radius: 50%;
transition: all @radio-duration; transition: all @radio-duration;
} }

View File

@ -258,6 +258,8 @@
// Radio // Radio
@radio-size: 16px; @radio-size: 16px;
@radio-top: 0px; @radio-top: 0px;
@radio-border-width: 1px;
@radio-dot-size: @radio-size - 8px;
@radio-dot-color: @primary-color; @radio-dot-color: @primary-color;
@radio-dot-disabled-color: fade(@black, 20%); @radio-dot-disabled-color: fade(@black, 20%);
@radio-solid-checked-color: @component-background; @radio-solid-checked-color: @component-background;