bootstrap 将rgb和rgba合并为单个函数(rgb)

nhjlsmyf  于 5个月前  发布在  Bootstrap
关注(0)|答案(3)|浏览(125)

先决条件

建议

根据这篇文章( https://dev.to/alvaromontoro/the-ultimate-guide-to-css-colors-2020-edition-1bh1 ),与两个单独的颜色函数 rgb 和 rgba(对于 hsl 和 hsla 也是如此)不同,新的简化格式删除了结束的 alpha "a" 后缀,而是使用正斜杠 "/",将两个单独的函数合并为一个。例如,

/* old notation */
color: rgb(255, 255, 255);
color: rgba(255, 255, 255, 1);

/* new notation */
color: rgb(255 255 255);
color: rgb(255 255 255 / 1);

我建议 Bootstrap 考虑实现这种新符号。

动机和背景

简化代码。跟上时代,兄弟。

u2nhd7ah

u2nhd7ah1#

这可能是我们在v6中要解决的问题。像这样的语法更改可能会很容易地破坏事物,并且肯定会改变现有颜色变量的功能。

bihw5rsg

bihw5rsg2#

为什么不能使用参数对象通过相同的“,”符号将它们合并?

mwkjh3gx

mwkjh3gx3#

我的观点是,我想更新我们的CSS变量和通用rgba()用法,让它们都使用不带逗号的语法。在版本中间切换变量值的语法是不允许的。

相关问题