mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:58:07 +08:00
33686a375e
* 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill |
||
|---|---|---|
| .. | ||
| base | ||
| components | ||
| helper | ||
| layout | ||
| themes | ||
| _functions.scss | ||
| _mixins.scss | ||
| _properties.scss | ||
| _utilities.scss | ||
| _variables.scss | ||
| helper.scss | ||
| README.md | ||
开发注意事项
目前 scss 里大量使用了 css 自定义变量，它和之前的 scss 变量明显不同，需要注意一下几点：
- 目前依然有使用 scss 变量，因为有大量颜色计算，这些计算没法在自定义变量中使用，是所以目前是用两者结合的方式，想修改颜色最好的方式还是 scss 变量，但其他都能方便使用自定义变量修改，后续有可能基于 hsl 的方式来使得颜色也动态计算。
- 负数需要使用 calc(var(--xxx) * -1)。
- 在变量中使用需要用 #{}，比如 --borderColorLight: #{lighten($borderColor, 5%)};
- 在 Chrome 开发工具中点变量会没反应，是因为我们的变量太多了，得先在开发工具里点一下显示全部变量。