0

random()在我的 ubuntu 服务器上编译时，我在 sass中的函数存在一些问题。

目前它在本地运行良好，但是如果我在我的 ubuntu 机器上运行 gulp 任务，gulp-sass则输出只会生成一次。

这是萨斯：

@function multipleBoxShadow($stars, $opacity) {
  $value: '#{random(2000)}px #{random(2000)}px rgba(255, 255, 255, #{$opacity})';
  @for $i from 2 through $stars {
    $value: '#{$value} , #{random(2000)}px #{random(2000)}px rgba(255, 255, 255, #{$opacity})'
  }
  @return unquote($value)
}

@mixin starBase($speed, $size, $amount, $opacity) {
  box-shadow: multipleBoxShadow($amount, $opacity);
  animation: animStar $speed linear infinite;
}

#stars {
  @include starBase(50s, 1px, 700, 1);
}

这是使用 gulp-sass 时 ubuntu 盒子上的输出：

#stars {
  animation: animStar 100s linear infinite;
  box-shadow: 321px 321px rgba(255, 255, 255, 1) , 321px 321px rgba(255, 255, 255, 1) , 321px 321px rgba(255, 255, 255, 1) etc etc....
}

正如您所看到的，它只生成一个随机数，并为所有重复使用相同的值，这与我的本地机器上的输出每次都是随机的不同。

如果我然后尝试在 grunt 之外使用 sass 编译器，sass sass/default.css style/default.css那么 random() 将完全失败：

#stars {
  animation: animStar 100s linear infinite;
  box-shadow: random(2000)px random(2000)px rgba(255, 255, 255, 1) , random(2000)px random(2000)px rgba(255, 255, 255, 1) etc etc....
}

我需要在我的 ubuntu 盒子上安装什么东西才能正确编译 random() 吗？我一直认为它是原生的 sass。

这是一个演示正确编译的 SassMeister： http ://sassmeister.com/gist/165fe1dcc831220c8717

4

1 回答 1

0

原来我只是在我的服务器上安装了错误版本的 sass，可能应该先检查一下。它现在使用 sass 编译器工作，sass-gulp但仍然只生成一次 random()

于 2015-05-15T10:09:27.293 回答