chowa
Version:
UI component library based on React
65 lines (62 loc) • 2.08 kB
CSS
/**
* @license chowa v1.1.3
*
* Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.cw-radio-group {
white-space: nowrap;
display: flex;
margin: 0;
padding: 0;
min-height: 32px; }
.cw-radio-group .cw-radio-btn {
position: relative;
margin-left: 0;
overflow: visible; }
.cw-radio-group .cw-radio-btn:before {
content: '';
display: block;
position: absolute;
z-index: 999;
transition: border-color 0.2s linear; }
.cw-radio-group.cw-has-error .cw-radio-inner,
.cw-radio-group.cw-has-error .cw-radio-btn {
border-color: #ed4014; }
.cw-radio-group-horizontal {
flex-direction: row; }
.cw-radio-group-horizontal .cw-radio-btn:before {
top: -1px;
right: -1px;
bottom: -1px;
border-right: 1px solid transparent; }
.cw-radio-group-horizontal .cw-radio-btn:not(:last-child) {
border-right-width: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.cw-radio-group-horizontal .cw-radio-btn:not(:last-child):not(.cw-radio-disabled):hover:before {
border-color: #7774e7; }
.cw-radio-group-horizontal .cw-radio-btn + .cw-radio-btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.cw-radio-group-vertical {
flex-direction: column;
align-items: stretch; }
.cw-radio-group-vertical .cw-radio-btn:before {
bottom: -1px;
left: -1px;
right: -1px;
border-top: 1px solid transparent; }
.cw-radio-group-vertical .cw-radio-btn:not(:last-child) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.cw-radio-group-vertical .cw-radio-btn:not(:last-child):not(.cw-radio-disabled):hover:before {
border-color: #7774e7; }
.cw-radio-group-vertical .cw-radio-btn + .cw-radio-btn {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.cw-radio-group-vertical .cw-radio-wrapper + .cw-radio-wrapper {
margin-left: 0; }