test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 20:09:08 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
dc19abca18
amis/scss/components/_input-box.scss

54 lines
1.0 KiB
SCSS
Raw Normal View History

input-box 单独移出来
2020-05-14 17:06:42 +08:00
.#{$ns}InputBox {
@include input-input();
feat: selectMode 支持 borderMode 配置 (#2996) * feat: selectMode 支持 borderMode 配置 * TransferPicker 也补充一下
2021-11-19 00:16:00 +08:00
@include input-border();
input-box 单独移出来
2020-05-14 17:06:42 +08:00
样式调整
2020-06-11 20:23:39 +08:00
&--inline {
display: inline-flex;
}
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
> input[readonly] {
cursor: inherit;
}
input-box 单独移出来
2020-05-14 17:06:42 +08:00
&.is-error {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&.is-focused {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
&.is-clickable:hover {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
cursor: pointer;
}
input-box 单独移出来
2020-05-14 17:06:42 +08:00
&.is-error.is-focused {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onError-borderColor);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&.is-disabled {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&-clear {
@include input-clear();
}
> svg {
display: inline-block;
width: 14px;
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
color: var(--icon-color);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
> a {
cursor: pointer;
}
}
Reference in New Issue Copy Permalink