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

View File

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