Compile Sass to CSS using Compass
Grunt task to compile Sass to CSS using Compass
Questions tagged [grunt-contrib-compass]
55 questions
2
votes
1 answer
How do I add foundation with grunt to a ember.js app kit project
I'm trying to setup my first Ember.js app with Ember AppKit, grunt, and compass. The appkit ships with support of compass out of the box via grunt-contrib-compass but I can't figure out for the life of me how to install Zurb-Foundation, or at least…
Chance
- 11,043
- 8
- 61
- 84
1
vote
1 answer
Jenkins grunt compass ENOENT No such file or directory @ realpath_rec
I am working on an existing project to replace bower with yarn and upgrading angularjs from 1.2.9 to 1.3.0
I've got it working on my local system but it fails on jenkins when running deploy grunt task with a filepath issue, the weird thing is on…
Subash
- 3,128
- 6
- 30
- 44
1
vote
0 answers
Grunt Sass compile issue
I have all my sass files in main.css which is being compiled by grunt.
The structure is as follows:
main.scss
/* Extended CSS */
@import '_extend.scss';
/* Generic CSS */
@import 'general.scss';
/* View based CSS */
@import…
Rehan Syed.Muhammad
- 23
- 3
1
vote
1 answer
Grunt compass not compiling and not responding
It seems that my grunt-contrib-compass is not working as it should,
I'm trying to use:
grunt compass:dev
And the output is:
Running "compass:dev" (compass) task
But nothing happen at all, and I got no errors neither
On my Gruntfile.js I…
Weslley Araujo
- 668
- 1
- 6
- 18
1
vote
0 answers
Grunt + Compass having discrepancies in the httpPath
I'm new to Grunt – loving it so far (bye bye Codekit) – but I'm having an issue where the output of any compass url helpers (image-url(), font-url()) contains the incorrect path. Here is my gruntfile;
module.exports = function (grunt) {
…
Phil Kurth
- 145
- 3
- 7
1
vote
1 answer
How to change the path when compile the bootstrap compass file
I've added bootstrap-sass into my project and import it to my application.scss file like this
@
import "../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap-compass";
.bootstrap{
@import…
Toan Nguyen
- 11,263
- 5
- 43
- 59
1
vote
1 answer
Wildcard selectors in css path for grunt-contrib-compass
I'm trying to use grunt-contrib-compass for an AngularJS project with multiple app folders. Here is my basic directory structure:
/root
/appA
/appB
...
/appX
/public
/modules
/moduleName
…
MattSidor
- 2,599
- 4
- 21
- 32
1
vote
1 answer
Running "compass:dist" (compass) task never ends
I have a grunt configuration which currently have watch and compass modules configured. But when i update any scss file, I am getting message:
Running "compass:dist" (compass) task
and nothing happens from that point. Files will not be compiled. It…
Olenin Slava
- 41
- 6
1
vote
0 answers
Generate both expanded and compressed css files in Compass with Grunt
I'm using grunt-contrib-compass to compile my SCSS files, and here's the Gruntfile configuration for the same.
compass: {
dist: {
options: {
watch: true,
imagesDir: 'web/assets/img',
…
Kushal
- 3,112
- 10
- 50
- 79
1
vote
1 answer
grunt-contrib-compass doesn't execute task
I recently changed my mac. I used to worked with grunt and grunt-contrib-compass without issues but since i changed, compass doesn't work anymore.
I installed every tools i needed (ruby, compass, sass, xcode, command line tools, grunt ,etc ..) and…
user3805585
- 11
- 2
1
vote
1 answer
Grunt-compass can't compile multiple files
This is my Gruntfile.js(part of it) that has the code for compass directories as you can see bellow :
compass: {
dist: {
options: {
sassDir: '*/docs/scss/*.scss',
cssDir: '*/css/*.css',
outputStyle:…
Dragutescu Alexandru
- 175
- 3
- 16
1
vote
1 answer
Trying to use grunt-sass and it can't find compass
i am trying to write a grunt script to watch and compile my sass files. I have decided that i would do it with grunt-sass instead of the usual grunt-contrib-sass simply because i don't have to worry about installing Ruby and all the gems on my PC…
El Guapo
- 567
- 2
- 13
- 26
1
vote
2 answers
SASS version mismatch between system and grunt-contrib-compass?
I've encountered the following issue with grunt-contrib-sass/compass:
(https://github.com/nex3/sass/issues/746)
Compiling this:
.badge {
border: 1px solid black;
&-info {
background:blue;
}
}
Errors this:
Sass Error: Invalid…
krulik
- 976
- 1
- 10
- 31
1
vote
0 answers
Lost assets hashes when edit httpFontsPath
So my production project path is different than my dev one. Therefore I have to edit the assets path in the compass config:
httpFontsPath: '/different/path/styles/fonts'
However, the built css file looks like…
Daniel Birowsky Popeski
- 8,752
- 12
- 60
- 125
1
vote
1 answer
Setting Compass destination folder when source folder has subfolders
I am using Compass through grunt to compile a SASS file. My directory structure looks like this:
project/
Gruntfile.js
package.json
sass/
part1/
part1.sass
css/
And my Gruntfile.js:
grunt.initConfig({
pkg:…
Andrew Lee
- 2,543
- 3
- 20
- 31