正如标题所述,我如何调试较少的css变量.举个例子.
//style.less @height: `document.body.clientHeight`;
解决方法
基于@GeekyMonkey的回答,我写了这个小剪切,你可以放在你的较少文件中的某个地方:
.debug(@var) { &:after { content: "@{var}"; font-size: 20px; background-color: #fff; border: 1px solid red; padding: 10px; border-radius: 5px; color: red; font-weight: bold; position: absolute; top: 50%; left: 50%; } }
然后使用.debug(@someVar)并将其值打印到屏幕上.