如何将以下 LESS 转换为 SCSS答案

【问题标题】：How do I convert the following LESS to SCSS如何将以下 LESS 转换为 SCSS
【发布时间】：2014-01-29 01:05:47
【问题描述】：

我正在尝试将 [www.bootswatch.com][1] 主题从 less 转换为我的 rails 应用程序的 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;
}

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

“.box-shadow”后的 CSS 无效：预期为“{”，为“(none);”

【问题讨论】：

找到名为box-shadow的mixin，你需要它来处理它。
box-shadow 应该是一个 mixin 吗？
在SASS - @include box-shadow(pass in your values); 中像这样使用mixin - 你可能想看看使用指南针 - compass-style.org/examples/compass/css3/box_shadow

标签： css sass less

【解决方案1】：

您可以为 ruby 安装引导 SASS：Bootstrap SASS Gem

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

【讨论】：