amis2/packages/amis-ui/scss/components/_verificationCode.scss
lq 97244e3106
feat: 新增verificationCode验证码渲染器 (#10386)
* feat: 新增verificationCode验证码渲染器和页面设计器

* fix: verificationCode to input-verification-code
2024-06-19 19:41:10 +08:00

34 lines
933 B
SCSS

.#{$ns}Verification-code {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
column-gap: 4px;
overflow: hidden;
input {
width: px2rem(35px);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
text-align: center;
&:focus {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
&:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
&.is-disabled {
cursor: not-allowed;
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
}
}
}