如何将(@include渐变..)从SCSS转换为CSS

Question

我正在研究如何从SCSS到CSS的编译，

我找不到一种编译它的方法；它无法正常工作。

我尝试将其添加到背景和背景色中，它不起作用

.tag:hover {
    background-color: rgb(83,69,91);
    @include filter-gradient(#53455b, #201d22, vertical);
    @include background-image(linear-gradient(top,  rgba(83,69,91,1) 0%,rgba(32,29,34,1) 100%));

我所需要的只是用CSS样式编写。

Answer 1

我认为这会起作用。

对于多个背景！

.tag:hover {
    background: rgb(83,69,91);
    @include filter-gradient(#53455b, #201d22, vertical);
    @include background-image(linear-gradient(top,  rgba(83,69,91,1) 0%,rgba(32,29,34,1) 100%));

Answer 2

如果您是GUI人，则可以尝试Scout应用程序。它是一个不错的工具，在您的学习阶段特别有用。

对SASS的工作方式感到满意后，您可以尝试使用Web Compiler Visual Studio扩展程序将SASS文件自动编译为CSS(或者如果您使用任何其他IDE，则类似(。