Question

我正在尝试将[www.bootswatch.com] [1]主题从less转换为scss for my rails app。

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

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

计算了变量差异

我的LESS代码存在问题，有人可以告诉我转换后SCSS下面的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无效：期望“{”，是“（无）;”

Answer 1

你可以为ruby安装bootstrap SASS：Bootstrap SASS Gem

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

如何将以下LESS转换为SCSS

1 个答案: