Sass::SyntaxError in gradient-striped

[l4u]

Expected a color. Got: transparent
mixins.css.scss:287:in `gradient-striped'

Not sure if this is a correct fix though.

[thomas-mcdonald]

It has been compiling fine for me, what versions are you using? (aside from bootstrap-sass git)

[l4u]

rails (3.2.0)
sass (3.1.12)
sass-rails (3.2.3)

Maybe it fails with rails 3.2 only
dappel@462498b

[nz]

For what it's worth, I'm also seeing this, and against a Rails 3.1 application.

• rails (3.1.3)
• bootstrap-sass (2.0.0 4748c20)
• sass (3.1.12)
• sass-rails (3.1.5)

Sass::SyntaxError: Expected a color. Got: transparent (in …/app/assets/stylesheets/application.css.scss)

…/.bundle/gems/ruby/1.9.1/bundler/gems/bootstrap-sass-4748c20aaab9/vendor/assets/stylesheets/bootstrap/mixins.css.scss:325:in `gradient-striped'

The offending line:

background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

Sounds similar to Compass/compass#356

[thomas-mcdonald]

It's compiling fine for me in development, but I'll merge this in anyway, once I've pushed the latest set of changes out.

/* line 59, /Users/tom/.rvm/gems/ruby-1.9.3-p0/gems/bootstrap-sass-2.0.0/vendor/assets/stylesheets/bootstrap/progress-bars.css.scss */
.progress.striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

[choxi]

i'm still seeing this bug: https://gist.github.com/1766607 (the stack trace is really long)

using: bootstrap-sass latest on 2.0 branch, Rails 3.1.1, Sass 3.1.12, Sass-Rails 3.1.5, Compass 0.12.rc.0, Compass-Rails 1.0.0.rc.1.

doing RAILS_ENV=development rake assets:precompile works like you said though, not sure why.

[choxi]

Fixed my issue. For me it was because I had bootstrap.css (from Twitter) in my app/assets/stylesheets, guess it was causing some conflicts.