Compile Sass to CSS using Compass
Grunt task to compile Sass to CSS using Compass
Questions tagged [grunt-contrib-compass]
55 questions
9
votes
4 answers
Grunt with Compass and Watch compiles slow
Grunt takes a quite long to compile the css file, I am not sure if this is normal but regular compass watch takes around 5 seconds.
So the question is if there is any way to speed up the compilation time with Grunt or is it better to just stick…
xphong
- 1,114
- 2
- 13
- 20
6
votes
0 answers
compass socket hangup with grunt serve
I was running grunt-contrib-compass@0.6.0 and it was aborting with this error:
node_modules/grunt-contrib-compass/node_modules/tmp/lib/tmp.js:261
throw err;
^
Error: socket hang up
at createHangUpError (http.js:1476:15)
at…
boatcoder
- 17,525
- 18
- 114
- 178
5
votes
2 answers
How do I update/fix the SASS and Compass $PATH to work with grunt-contrib-compass
I am trying to run grunt-contrib-compass, but running into this error:
Warning: Couldn't find the `compass` binary. Make sure it's installed and in your $PATH Use --force to continue.
I've run:
sudo gem install compass
sudo gem install sass
sudo…
Ed Beltran
- 61
- 1
- 3
5
votes
1 answer
Several CSS output with grunt-contrib-compass
I'm using grunt-contrib-compass to process my SCSS files into a single CSS file. Basically, compass considers all the SCSS files matching app/styles/**/*.scss and compile them into .tmp/styles/main.css.
I would like to split this behavior into…
Simon
- 1,679
- 4
- 21
- 37
4
votes
1 answer
Get fonts from Font-Awesome-Sass gem copied into grunt compass output directory
I have successfully installed the "font-awesome-sass" ruby-gem and included it via "require"-property inside the compass gunt-config and via "import"-rule in my scss. So the font-awesome scss gets compiled into my output-css file, this works so…
shoesel
- 1,198
- 8
- 15
4
votes
1 answer
Programmatically running the Compass Grunt task
I have a compass task running on grunt which produces a compiled base.css file and also a number of page specific css files. The base.scss @imports a _settings.scss partial which dictates some global setup for all files.
compass: {
theme: {
…
Mike Rifgin
- 10,409
- 21
- 75
- 111
4
votes
1 answer
Grunt + Compass doesn't create CSS File
I get the following error when using grunt compass:
"You must compile individual stylesheets from the project directory."
I tried it with grunt 3 different ways. More below.
My folder structure:
test \
Gruntfile.js
package.json
\…
patrick
- 574
- 3
- 10
- 25
4
votes
1 answer
Compass and Susy require a different version of Sass
I am working on my website and I want to use Susy as well as Compass. I am using Grunt too. When I run my grunt task I get this error:
Denniss-MacBook-Pro:portfolio dennis$ grunt --trace
Running "compass:dev" (compass) task
Gem::LoadError on line…
DennisvB
- 1,008
- 1
- 8
- 10
3
votes
0 answers
Grunt Compass Stack level too deep error
I'm running Grunt to compile some SCSS and whenever I include a border radius
@include border-radius(50%);
it throws this error
SystemStackError on line ["160"] of C: stack level too deep
I'm running npm@3.10.8 and grunt-contrib-compass@1.1.1
Does…
Kup
- 882
- 14
- 31
3
votes
1 answer
Linear gradient Firefox support
When I make a linear gradient on ColorZilla, I take the scss code that looks like this:
@include background-image(linear-gradient(top, #659adc 0%,#004ca2 100%));
which generates this css:
background-image: -webkit-gradient(linear, 50% 0%, 50%…
Daniel Birowsky Popeski
- 8,752
- 12
- 60
- 125
2
votes
0 answers
Grunt compass:dist task failing due to Invalid CSS in bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss
grunt build is failing by yielding following error:
error app/styles/directive.scss (Line 369 of
bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss:
Invalid CSS after "... floor(math": expected ")",…
Zeeshan Hassan Memon
- 8,105
- 4
- 43
- 57
2
votes
0 answers
Grunt | Error | Mac Only | Warning: spawn E2BIG Use --force to continue
I was handed a big grunt build process, and this seems to be the error coming :
Warning: spawn E2BIG Use --force to continue
I found what the error is here : https://github.com/feross/standard/issues/40 and here :…
Arihant
- 477
- 4
- 18
2
votes
0 answers
sprite-url() returns incorrect path
I am using compass with gulp.
I am generating sprites and have the following mixin:
$sprite-icons: sprite-map("sprite-icons/*.png");
$sprite-icons-url: sprite-url($sprite-icons);
@mixin sprite-icon($name) {
background-image: $sprite-icons-url;
…
Naor
- 23,465
- 48
- 152
- 268
2
votes
0 answers
Compass sourcemaps causing 404
I've googled and read webpages till my eyes bled, but still can't find the answer. So please excuse me if this has been answered already.
My compass project grunt "compiles" just fine for production and development "modes". The souremaps work…
Dan Shumaker
- 35
- 4
2
votes
1 answer
Grunt build puts bootstrap fonts in wrong directory
I have an AngularJS project that I'm attempting to build. Everything works, except that the fonts in the vendor.css are not correct.
Example: url(../fonts/glyphicons-halflings-regular.woff)
Obviously this causes a 404:
Request
…
binarygiant
- 6,362
- 10
- 50
- 73