css - 如何将以下 LESS 转换为 SCSS

Question

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

问题是我不是 SCSS 或 LESS 方面的专家:(

我已经阅读了一些差异，并且我已经使用 @ 和 $ 计算出变量差异

我的 LESS 代码有问题，谁能告诉我转换 SCSS 后下面的代码片段应该是什么

// 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;
}

当我运行我的应用程序时，我收到以下消息

Invalid CSS after " .box-shadow": expected "{", was "(none);"

Answer 1

您可以为 ruby​​ 安装 bootstrap SASS:Bootstrap SASS Gem

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