Sass

Question

与中间商合作并使用 Bourbon、Neat 和 Bitters。启动服务器后，我收到以下错误消息 -

Error compiling CSS asset
Sass::SyntaxError: Undefined variable: "$helvetica"
in (source/stylesheets/base.css.scss: 1)

source/stylesheets/base/_variables.css.scss:1

我调查了未解决的问题和其他 Thoughtbot 论坛并尝试了那里提到的所有解决步骤但没有成功

我的base.css.scss如下-

@charset "utf-8";

@import "bourbon";
@import "base/base";
@import "neat";

@import "partials/layout";
@import "partials/nav";
@import "partials/footer";

@import "highlight";

_base.css.scss -

@import "variables";
@import "grid-settings";
@import "buttons";
@import "forms";
@import "lists";
@import "tables";
@import "typography";

和_variables.css.scss

$helvetica: 'Oxygen', $helvetica;

// Typography
$base-font-family: $helvetica;
$heading-font-family: $base-font-family;

// Font Sizes
$base-font-size: 1em;

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;
...

Answer 1

错误的行是：

$helvetica: 'Oxygen', $helvetica;

为什么？因为您将 $helvetica 设置为 $helvetica.

我想你会做的是

$lato: 'Lato', sans-serif;

例如，如果您使用 google 字体。我希望它有用。

Answer 2

我想我遇到了和你一样的问题。

如果您使用的是最新版本的 bitters，他们似乎已经删除了变量 $helvetica。

https://github.com/thoughtbot/bitters/releases/tag/v1.3.0

您可能希望将 gemfile 中的 bitters 设置为更早的版本（我认为 1.2 不适合 1.3）并且运行 source/stylesheets bitters remove 中的这些命令] 然后 bitters install 再次让它工作。

Sass - 未定义错误 $helvetica

Sass - undefined error $helvetica

bourbon

middleman-4