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
0
votes
0 answers

How to compile custom scss files like scss/style.scss in bootstrap4?

I have successfully download and installed bootstrap dependency, And I was also able to compile scss/bootstrap.scss to dist/css/bootstrap.css file using grunt i.e. grunt watch, but when I tried to add custom 'scss/style.scss' file, grunt watch is…
thomas paulson
  • 227
  • 2
  • 16
0
votes
2 answers

Added ruby PATH to enviornment variables still `grunt sass` does not work

Okay first I did this. >grunt sass Running "sass:dist" (sass) task Warning: You need to have Ruby and Sass installed and in your PATH for this task to work. More info: https://github.com/gruntjs/grunt-contrib-sass Use --force to continue. Aborted…
user4913383
  • 171
  • 1
  • 1
  • 11
0
votes
1 answer

How to compile all .scss files to single .css file using grunt? Without using concat or import

I want to compile all .scss files in my sass folder to a single .css file E:\SassToCss \sass \style1.scss \style2.scss \Want to have the compiled style.css in project root directory. I tried the followings sass: { dist:…
so_user
  • 43
  • 1
  • 4
0
votes
1 answer

Grunt can't run SASS (grunt-contrib-sass)

I have configured my Gruntfile.js with this module, but when I run Grunt it's not working, it stops. This is my code: 'use strict'; module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), …
Lydia
  • 69
  • 1
  • 5
0
votes
1 answer

grunt-contrib-sass: How do I add a subfolder into the destination dynamically?

I have a directory structure of: views _static_ some.js somesass.scss something.jade I was hoping to do something like this: sass: { dist: { options: { style: 'expanded' }, files: [{ …
Brian Chandler
  • 180
  • 10
0
votes
1 answer

Foundation Not Including on Sass Grunt Compile

I am trying to include foundation from bower in my recent Wordpress project. I am under underscores.js for a theme. In the bottom of my styles.scss: @import "../../../../../src/foundation-sites/assets/foundation.scss"; Then in my…
Adam Thompson
  • 3,278
  • 3
  • 22
  • 37
0
votes
1 answer

Grunt: convert sass to css after file changes (watch)

so this is my gruntfile.js: module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), folders: { 'dist': 'dist', 'app': 'app' }, // configure jshint to validate js files…
mrks
  • 5,439
  • 11
  • 52
  • 74
0
votes
2 answers

How I can write few tasks in grunt-contrib-sass?

I have some like this in my gruntfile.js: sass: { app: { files: { '<%= meta.cssDist %>style.css': '<%= meta.cssSrc %>style.scss' } }, options: { …
ostinred
  • 116
  • 7
0
votes
1 answer

Why is grunt-sass is slower than using sass alone?

I have used sass alone(not using grunt) and thorough grunt too. What I observe is grunt-sass is lot slower than using sass alone. What could be the possible reasons for this? I have disabled the sourceMap in grunt-sass by following code: compile: { …
PageSource
  • 301
  • 3
  • 11
0
votes
1 answer

Grunt-contrib-sass or the sass gem is not working when using git push

I'm pretty sure I've tracked the issue down to Node.js not seeing Sass, but I have no clue why... If I push from my laptop using: git push lamp somebranch:master, the server remotely checks it out fine, runs npm install without error, and starts…
Brian Chandler
  • 180
  • 10
0
votes
1 answer

Using Grunt.js to dynamically watch, and subsequently compile, a directory of SASS files into one CSS file

I'm brand new to Grunt.js, but I'm starting to get the hang of it. The main thing I'd like to do with it however, I can't seem to nail down. My goal here, is to point grunt at a directory, and have it watch all of the matching files, and upon…
Jordan Whalen
  • 268
  • 2
  • 12
0
votes
1 answer

"Arguments to path.join must be strings" issue

I'm trying to use grunt sass to compile my css files, and here is the Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), sass: { dist: { files:…
Darklizard
  • 377
  • 4
  • 17
0
votes
3 answers

grunt + sass: output 2 css files at the same time

I would like to have grunt compile a compact and a compressed version of my sass. I can get it to compile one or the other but not both at the same time. I have tried: sass: { dist: { options: { style:…
ric0c
  • 33
  • 5
0
votes
0 answers

variables not working in modular sass

I am using a modular SASS that came with Underscores (which is a WordPress framework but not really relevant here). It is very similar to what you see with bootstrap less or sass where you have one simple file that has a plethora of @import…
shellwe
  • 105
  • 4
  • 16
0
votes
1 answer

Set paths to scan for @import directives in grunt-contrib-sass

Grunt-contrib-less has an option paths that allows you to specify directories to scan with @import directives. Here is the option on grunt-contrib-less' doc page. Is there something equivalent for grunt-contrib-sass? I have looked a bit but haven't…
fraxture
  • 5,113
  • 4
  • 43
  • 83
1 2 3
4
5