| import { Theme, css } from 'antd-style'; |
|
|
| export default (token: Theme) => { |
| return css` |
| .block.gradio-checkbox { |
| margin: 0 !important; |
| } |
| |
| input { |
| &:not([type='range'], [type='checkbox'], [type='number'], [type='radio'], .border-none) { |
| resize: none; |
| |
| overflow: hidden; |
| |
| width: 100%; |
| height: 36px !important; |
| |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| |
| border-radius: ${token.borderRadius}px; |
| } |
| |
| &[type='checkbox'], |
| &[type='radio'] { |
| cursor: pointer; |
| |
| flex: 0; |
| |
| width: ${token.fontSize}px; |
| min-width: ${token.fontSize}px; |
| max-width: ${token.fontSize}px; |
| height: ${token.fontSize}px; |
| min-height: ${token.fontSize}px; |
| max-height: ${token.fontSize}px; |
| |
| appearance: none !important; |
| } |
| |
| &[type='checkbox'] { |
| --ring-color: transparent; |
| |
| position: relative; |
| |
| line-height: var(--line-sm); |
| |
| background-color: ${token.colorFillTertiary} !important; |
| border: 1px solid ${token.colorBorder} !important; |
| border-radius: ${token.borderRadiusSM}px !important; |
| |
| &:checked { |
| background-color: ${token.colorPrimary} !important; |
| background-image: var(--checkbox-check) !important; |
| border-color: ${token.colorPrimaryBorder} !important; |
| } |
| } |
| |
| &[type='number'] { |
| height: 28px !important; |
| border-radius: ${token.borderRadius}px; |
| } |
| } |
| `; |
| }; |
|
|
