SASS 和 Heroku [重复]答案

【问题标题】：SASS each and Heroku [duplicate]SASS 和 Heroku [重复]
【发布时间】：2013-06-11 02:04:30
【问题描述】：

我使用 SASS @each 循环来生成一些 css 颜色类。在本地，一切都很好，但是当我将我的 rails 站点推送到 heroku 时，这些类不会生成。据我所知，所有其他 SASS 内容都生成良好。

我基本上设置了很多颜色变量，然后我创建了一个颜色对数组，然后循环遍历它以生成（很多）类。

这是我的代码：

// =============================================================================
// Colors module
// =============================================================================

$white:     #fff;
$black:     #000;

$grey-1:    #111;
$grey-2:    #222;
$grey-3:    #333;
$grey-4:    #444;
$grey-5:    #555;
$grey-6:    #666;
$grey-7:    #777;
$grey-8:    #888;
$grey-9:    #999;
$grey-a:    #aaa;
$grey-b:    #bbb;
$grey-c:    #ccc;
$grey-d:    #ddd;
$grey-e:    #eee;
$yellow:    #fcd863;
$red:       #ed625e;
$brown:     #785952;
$turquoise: #588d8a;




$colors:  black $black $white,
          white $white $black,
          yellow $yellow $white,
          red $red $white,
          brown $brown $white,
          turquoise $turquoise $white,
          grey-1 $grey-1 $white,
          grey-2 $grey-2 $white,
          grey-3 $grey-3 $white,
          grey-4 $grey-4 $white,
          grey-5 $grey-5 $white,
          grey-6 $grey-6 $white,
          grey-7 $grey-7 $white,
          grey-8 $grey-8 $white,
          grey-9 $grey-9 $white,
          grey-a $grey-a $black,
          grey-b $grey-b $black,
          grey-c $grey-c $black,
          grey-d $grey-d $black,
          grey-e $grey-e $black;

@each $color in $colors {

  .is-#{nth($color, 1)} {
    background-color: nth($color, 2);
    color: nth($color, 3);

    .background-box {
      background-color: nth($color, 2);
      color: nth($color, 3);
    }
  }
}

可能出了什么问题？：/

【问题讨论】：

哦，还有。我已经尝试在本地预编译 sass，但仍然无法正常工作。
您是否查看了实际生成的 CSS 是什么？您可能遇到了这个问题：stackoverflow.com/questions/15757665/…

标签： heroku sass

【解决方案1】：

正如 Cimmanon 所提到的，它有助于查看生成的 CSS。事实证明，在 heroku 上运行的 SASS 将颜色名称转换为十六进制值。甚至是 #{nth($color, 1)} 之一。我通过将类命名为 .is-black-color 而不是 .is-black 来解决它。

【讨论】：