1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- @import "../variate.less";
- .@{elNamespace}-radio {
- --@{elNamespace}-radio-input-height: 16px;
- --@{elNamespace}-radio-input-width: 16px;
- }
- .@{elNamespace}-radio.@{elNamespace}-radio--large .@{elNamespace}-radio__inner {
- width: 16px;
- height: 16px;
- }
- .@{elNamespace}-radio__inner::after {
- width: 8px;
- height: 8px;
- }
- .@{elNamespace}-radio__input.is-checked .@{elNamespace}-radio__inner {
- border-color: var(~'--@{elNamespace}-color-primary');
- background: var(~'--@{elNamespace}-color-white');
- &:after {
- background: var(~'--@{elNamespace}-color-primary')
- }
- }
- //.@{elNamespace}-radio.@{elNamespace}-radio--large .@{elNamespace}-radio__inner {
- // --@{elNamespace}-radio-input-height: 16px;
- // --@{elNamespace}-radio-input-width: 16px;
- //}
- .@{elNamespace}-checkbox {
- --@{elNamespace}-checkbox-input-height: 16px;
- --@{elNamespace}-checkbox-input-width: 16px;
- }
- .@{elNamespace}-checkbox__label {
- line-height: normal;
- }
- .@{elNamespace}-checkbox__inner::after{
- height: 9px;
- width: 3.2px;
- left: 5px;
- top: 0.3px;
- }
- .@{elNamespace}-checkbox.@{elNamespace}-checkbox--small .@{elNamespace}-checkbox__inner::after {
- left: 4px;
- top: 0.3px;
- }
- .@{elNamespace}-checkbox.@{elNamespace}-checkbox--large .@{elNamespace}-checkbox__inner::after {
- left: 4px;
- top: 0.3px;
- }
- .@{elNamespace}-checkbox.@{elNamespace}-checkbox--large .@{elNamespace}-checkbox__inner {
- width: 16px;
- height: 16px;
- &:after {
- left: 5px;
- top: 0.3px;
- }
- }
- .@{elNamespace}-checkbox__input.is-indeterminate .@{elNamespace}-checkbox__inner::before {
- width: 8.75px;
- height: 1px;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- .@{elNamespace}-check-tag.is-checked {
- position: relative;
- background-color: var(~'--@{elNamespace}-color-primary-light-9');
- &:before {
- content: '';
- display: block;
- position: absolute;
- right: 0;
- bottom: 0;
- pointer-events: none;
- border: 1px solid var(~'--@{elNamespace}-color-primary');
- left: 0;
- top: 0;
- border-radius: 1px;
- }
- }
|