用Emmet缩写创建颜色

3

我的vim版本是8.2,vim-emmet版本是0.86。
如何编写以下CSS的缩写?

border: 1px solid #dcd2ba;

在手册中写道: CSS简称 例如,bd5#0s会扩展为border: 5px #000 solid:#符号将颜色与5分开,并且由于s(别名为solid)不是十六进制字符,因此可以在没有-值分隔符的情况下使用。
为什么在我的vim中,bd5#0s没有扩展?
并且在我的vim中发生了奇怪的扩展。
bd1s

扩展成

border-break: close;

并且

bd1 s

扩展成

border: 1px solid #000;

但是

bd2 s 

扩展为

box-shadow: inset hoff voff blur spread rgb(0, 0, 0);    

替代

border: 2px solid #000;

我的Emmet配置哪里出了问题?如何检查并修复它?


你是在CSS文件还是Sass文件中使用它? - Dipen Shah
1
我确定我正在使用它在我的CSS文件中,MaanooAk和我得出了相同的结论,你可以重现它。 - showkey
2个回答

2
Emmet文档介绍了如何添加十六进制颜色。请参见https://docs.emmet.io/css-abbreviations/

bd5#0s扩展为border: 5px #000 solid:#符号将颜色与5分开,由于s(solid的别名)不是十六进制字符,因此可以在无需使用-值分隔符的情况下使用。

因此,在您的情况下,请使用bd1#dcd2bas

这是从手册推断出的正常逻辑结论,你可以在你的vim中尝试一下? - showkey

0
我查看了源代码,我认为...它不是无缺陷的。
边框语句的实际规则:
"bd+": "border:${1:1px} ${2:solid} ${3:#000};",

这表明正确的顺序是在颜色放在最后,但在我的测试中,我无法使其正常工作。我还尝试添加一个别名s=solid,据说它存在,但我在源代码中找不到它。

此外,文档中的其他一些示例目前也无法正常工作。

我得出结论,在我看来,它只是坏了。(我建议您添加自己的片段。)


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接