Stack Overflow
Stack Overflow

Questions tagged [grunt-contrib-sass]

Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.

Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.

This task requires you to have Ruby and Sass installed. If you're on OS X or Linux you probably already have Ruby installed; test with ruby -v in your terminal. When you've confirmed you have Ruby installed, run gem install sass to install Sass.

66 questions
26
votes
5 answers

How to compile multiple scss files using grunt-sass

I am trying to compile multiple .scss files into a single CSS file. This actually works but only grabs the first file... sass: { // Task dist: { files: { 'css/test.css':'sass/*.scss' } …
Jackie
  • 21,969
  • 32
  • 147
  • 289
8
votes
1 answer

What causes this error in grunt-contrib-compass after update to Yosemite?

I am using Yeoman. After upgrading to Yosemite, the tasks grunt server and grunt build throw this error: /Users/rogerfuentes/Documents/Web/Kelios/test/node_modules/grunt-contrib-compass/node_modules/tmp/lib/tmp.js:261 throw err; ^ Error:…
roger06
  • 83
  • 2
  • 5
7
votes
1 answer

difference between grunt-contrib-sass and grunt-sass

I am implementing grunt plugin for sass to css processing but there are 2 options are available grunt-contrib-sass and grunt-sass. I searched on the internet but unable to find any relevant answer that What is the difference between…
Shobhit Verma
  • 794
  • 8
  • 25
5
votes
2 answers

SASS sourcemaps not working in Google Chrome

I have CSS source maps enabled, but Google Chrome is behaving like they are disabled. In all the resources I've looked at, all I should need to do is enable source maps in DevTools preferences. It is clearly enabled there: The source maps reside…
BBaysinger
  • 6,614
  • 13
  • 63
  • 132
5
votes
1 answer

grunt sass task producing errors due to bourbon package

I am writing a grunt task file for my project. I have defined the sass task in that and installed all the required dependencies. I am able to run the same gruntfile on my friends computer, but on my computer the sass task produces this…
Chitrank Dixit
  • 3,961
  • 4
  • 39
  • 59
5
votes
1 answer

Foundation Global Styles Repeating Unexpectedly in Grunt File

This is a tricky issue to explain, I'll try and be as thorough as I can: My Setup - Using the Jekyllrb Generator I've taken the Jekyllrb Yeoman generator and integrated Zurb's Foundation 5 into it in the most basic way (only using the Sass files) as…
JCraine
  • 1,159
  • 2
  • 20
  • 38
5
votes
3 answers

grunt-contrib-sass prevent sourcemap

My Grunt setup is using sass to compile my .scss files to src/.css and cssmin to combine and minify my src/.css files to main.css. I want to use the new sourcemap feature in SASS, but I'm not sure if it will really do anything for me considering…
Sparkmasterflex
  • 1,837
  • 1
  • 20
  • 33
4
votes
2 answers

grunt-contrib-sass throwing "Could not find an option named" errors

All of a sudden, my grunt-contrib-sass task is throwing Could not find an option named "sourcemap" errors on build. I currently have sass 3.5.1 installed and using grunt-contrib-sass 1.0.0. Any ideas what could be causing this? Here's the output I'm…
Jason N. Gaylord
  • 7,910
  • 15
  • 56
  • 95
4
votes
1 answer

grunt-task to SASS allow options to enforce code style

its any grunt task to do code style on my scss files? I would like to apply a code style in my .scss files it's that possible? So that task will format my css code applying the convencions bellow it's that possible? examples what I want archive…
raduken
  • 2,091
  • 16
  • 67
  • 105
4
votes
1 answer

NPM failed to convert SASS

I am trying to convert my style.scss (which has some other files link to it such as _variable.scss, _mixins.scss) file to css via grunt.js and npm. however I got this error: Error: File to import not found or unreadable: compass. on line 5…
user5072259
4
votes
1 answer

Specify SASS variable on compile with Grunt-Contrib-Sass

Is it possible to specify a variable within SASS from the GruntFile.js prior to compiling with Grunt-contrib-sass? For example, if absolute paths were required in the CSS the path could be defined by the Gruntfile based on a dev build or a deploy…
Jason
  • 4,079
  • 4
  • 22
  • 32
3
votes
0 answers

Convert SASS variables into CSS Root Variables

I want to do the following: I have a color switcher on my website, when the user clicks on a color I want to change the text color on my website to the clicked color with Javascript. In my JS code I want to achieve this by modifiying the CSS root…
Ghirasim Daniel
  • 65
  • 5
3
votes
1 answer

Grunt dynamic dest location sass

This could possibly be a repeat question but I couldn't figure out a solution for my requirement I am trying to create a sass grunt task which can generate css files in a dynamic location. Here is my structure /components --> xyz --> scss …
Srikanth Kondaparthy
  • 3,247
  • 3
  • 16
  • 19
3
votes
1 answer

Deprecation warning using Foundation 5.5 makes grunt task fail

I'm trying to run an AngularJS project based on Yeoman's generator, but using Zurb Foundation 5.5.3 I've read that Foundation 5.4 had some issues if it's compiled with Sass 3.4.2, but apparently Foundation 5.5 is keeping it. When I try to run sass…
lerp90
  • 503
  • 8
  • 23
3
votes
1 answer

Can't get a modular Sass structure working within mean.js grunt

I setup a grunt tast to compile all sass and scss files into css using grunt-contrib-sass. The issue I am facing is because it's a modular architecture, I don't have a single sass and css folder. Instead I have a sass and css folder for each…
Elmar Gasimov
  • 115
  • 1
  • 8
1
2 3 4 5