mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 03:29:39 +08:00
style: add @radio-border-width (#27703)
This commit is contained in:
parent
c3f6a38c65
commit
9c009f9bdb
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user