amis/scss
2022-03-08 10:15:40 +08:00
..
base 调整样式优先级,解决 drawer 中 select 弹出导致位置变化的问题 2021-11-19 10:07:51 +08:00
components fix: 多层Form嵌套情况下Editor无法完整显示问题 (#3713) 2022-03-08 10:15:40 +08:00
helper docs: formula 的文档补上新表达式的例子 (#3234) 2021-12-20 18:55:30 +08:00
layout chore: 升级 sass 版本并修复导致的报错;调整几个 cxd 下的背景色 (#2553) 2021-09-14 15:15:39 +08:00
themes Tabs 宽度问题修改,与样式优化 (#3654) 2022-03-01 14:06:22 +08:00
_functions.scss chore: 升级 sass 版本并修复导致的报错;调整几个 cxd 下的背景色 (#2553) 2021-09-14 15:15:39 +08:00
_mixins.scss close #3445: textarea支持clearable; style: 输入框清除Icon更新, 部分样式问题修复 (#3453) 2022-01-20 18:30:52 +08:00
_properties.scss Tabs 宽度问题修改,与样式优化 (#3654) 2022-03-01 14:06:22 +08:00
_thirds.scss deps: 去除 react-datetime 依赖,升级相关组件支持 React 17 (#3548) 2022-02-09 19:28:57 +08:00
_utilities.scss feat: image 支持配置点击 action (#2884) 2021-11-08 20:36:49 +08:00
_variables.scss feat: amis Debug 辅助工具 (#3370) 2022-01-12 13:04:05 +08:00
helper.scss fix: 修复 helper 里没包含 opacity 问题 (#3528) 2022-01-28 15:27:15 +08:00
README.md 文档优化;修复 cxd 下 toast 展现不一致问题 (#1219) 2020-12-21 19:31:55 +08:00

开发注意事项

目前 scss 里大量使用了 css 自定义变量,它和之前的 scss 变量明显不同,需要注意一下几点:

  • 目前依然有使用 scss 变量,因为有大量颜色计算,这些计算没法在自定义变量中使用,是所以目前是用两者结合的方式,想修改颜色最好的方式还是 scss 变量,但其他都能方便使用自定义变量修改,后续有可能基于 hsl 的方式来使得颜色也动态计算。
  • components 内的组件不要使用 @if、lighten、darken 等函数,这些功能无法支持自定义变量,解决办法是新增变量,放 _properties.scss 里,这样也能支持用户自定义。
  • 负数需要使用 calc(var(--xxx) * -1)
  • 在变量中使用 sass 功能需要用 #{} 包裹,比如 --borderColorLight: #{lighten($borderColor, 5%)};
  • 在 Chrome 开发工具中点变量会没反应,是因为我们的变量太多了,得先在开发工具里点一下显示全部变量。