| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- .vxe-radio--button {
- .vxe-radio--label {
- background-color: var(--vxe-ui-layout-background-color);
- }
- &:first-child {
- .vxe-radio--label {
- border-left: 1px solid var(--vxe-ui-input-border-color);
- border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
- }
- }
- &:last-child {
- .vxe-radio--label {
- border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
- }
- }
- > input {
- &:checked+.vxe-radio--label {
- color: #fff;
- background-color: var(--vxe-ui-font-primary-color);
- }
- }
- .vxe-radio--label {
- padding: 0 1em;
- line-height: calc(var(--vxe-ui-button-height-default) - 2px);
- display: inline-block;
- border-style: solid;
- border-color: var(--vxe-ui-input-border-color);
- border-width: 1px 1px 1px 0;
- max-width: 50em;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- & > input {
- &:focus {
- &+.vxe-radio--label {
- border-color: var(--vxe-ui-font-primary-color);
- box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
- }
- }
- }
- &.size--medium {
- .vxe-radio--label {
- line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
- }
- }
- &.size--small {
- .vxe-radio--label {
- line-height: calc(var(--vxe-ui-button-height-small) - 2px);
- }
- }
- &.size--mini {
- .vxe-radio--label {
- line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
- }
- }
- }
|