mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-07-26 00:26:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

Allow styling of radio button backgrounds (#5791)

Browse Source
This commit is contained in:
Graeme Yeates 2017-04-22 02:09:25 -04:00 committed by ddcat1115
parent aa0c29dfc0
commit 1790642e98
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/radio/style/index.less
View File

@ -64,7 +64,7 @@
border-style: solid; border-style: solid;
border-radius: 14px; border-radius: 14px;
border-color: @border-color-base; border-color: @border-color-base;
background-color: @component-background; background-color: @radio-button-bg;
transition: all @radio-duration; transition: all @radio-duration;
} }
@ -116,17 +116,17 @@ span.@{radio-prefix-cls} + * {
margin: 0; margin: 0;
height: @input-height-base; height: @input-height-base;
line-height: @input-height-base - 2; line-height: @input-height-base - 2;
color: @btn-default-color; color: @radio-button-color;
display: inline-block; display: inline-block;
transition: all 0.3s ease; transition: all 0.3s ease;
cursor: pointer; cursor: pointer;
border: @border-width-base @border-style-base @border-color-base; border: @border-width-base @border-style-base @border-color-base;
border-left: 0; border-left: 0;
background: @component-background; background: @radio-button-bg;
padding: 0 16px; padding: 0 16px;
a { a {
color: @btn-default-color; color: @radio-button-color;
} }
> .@{radio-prefix-cls}-button { > .@{radio-prefix-cls}-button {
@ -181,7 +181,7 @@ span.@{radio-prefix-cls} + * {
} }
&-checked { &-checked {
background: @component-background; background: @radio-button-bg;
border-color: @primary-color; border-color: @primary-color;
color: @primary-color; color: @primary-color;
box-shadow: -1px 0 0 0 @primary-color; box-shadow: -1px 0 0 0 @primary-color;

4
components/style/themes/default.less
View File

@ -131,6 +131,10 @@
@btn-group-border : @primary-7; @btn-group-border : @primary-7;
// Radio buttons
@radio-button-bg : @btn-default-bg;
@radio-button-color : @btn-default-color;
// Media queries breakpoints // Media queries breakpoints
// Extra small screen / phone // Extra small screen / phone
@screen-xs : 480px; @screen-xs : 480px;