如何将以下LESS转换为SCSS

如何将以下LESS转换为SCSS,css,sass,less,Css,Sass,Less,我正在尝试将我的rails应用程序的[www.bootswatch.com][1]主题从less转换为scss 问题是我不是SCS或更少方面的专家:( 我已经阅读了一些差异,并使用@和$ 我的LESS代码有问题,有人能告诉我当转换SCS时,下面的snipet应该是什么吗 // Buttons ==================================================================== .btn:active { .box-shadow

我正在尝试将我的rails应用程序的[www.bootswatch.com][1]主题从less转换为scss

问题是我不是SCS或更少方面的专家:(

我已经阅读了一些差异,并使用@和$

我的LESS代码有问题,有人能告诉我当转换SCS时,下面的snipet应该是什么吗

// Buttons ====================================================================

.btn:active {
        .box-shadow(none);
}

.btn-group.open .dropdown-toggle {
        .box-shadow(none);
}

// Typography =================================================================

.text-primary,
.text-primary:hover {
        color: $brand-primary;
}

.text-success,
.text-success:hover {
        color: $brand-success;
}

.text-danger,
.text-danger:hover {
        color: $brand-danger;
}

.text-warning,
.text-warning:hover {
        color: $brand-warning;
}
当我运行我的应用程序时,我收到以下消息

“.box shadow”后的CSS无效:应为“{”,为“(无)


您可以为ruby安装引导SASS:


但是为了更好地回答您的问题,请尝试
@extend.box shadow(none)

找到名为
box shadow
的mixin,您需要它来处理它。
box shadow
应该是一个mixin吗?mixin在
SASS
-
@包含box shadow(传入您的值)中是这样使用的;
-您可能想看看如何使用指南针-