假设我打算创建一个采用暗模式的网页。一个非常小的页面可能如下所示:
:root {
--fg-color: white;
--bg-color: black;
}
body {
color: var(--fg-color);
background-color: var(--bg-color);
}
.simple {
border: 1px solid;
text-align: center;
}
<html>
<body>
<h2 class="simple">Hello world!</h2>
</body>
</html>
现在假设我想通过 KSS 记录它。我会在.module
' 规则集之前添加这些注释行(中间留一个空行):
/*
Simple
Markup:
<h2 class="simple">some text</h2>
Styleguide Simple.simple
*/
.simple {
border: 1px solid;
text-align: center;
}
令我失望的是,文档库采用了color
而不是background-color
,从而导致无法阅读的白底白字,如下所示(蓝色是我用鼠标所做的选择):