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
3
votes
1 answer

grunt continues to the next task before finishing sass task

this is my grunt file: 'use strict'; var path = require('path'); module.exports = function (grunt) { require('load-grunt-tasks')(grunt); require('time-grunt')(grunt); console.log(path.basename()); grunt.initConfig({ yeoman: { …
yael
  • 31
  • 3
2
votes
1 answer

Compass deprecation warning Sass 3.5 no support Ruby 1.9.3

On my system, when I run compass -v or sass -v, it outputs deprecation warning: Sass 3.5 will no longer support Ruby 1.9.3.. Running ruby -v gives: ruby 2.0.0p0 (2013-02-24 revision 39474) [x86_64-linux] compass version is 1.0.3 and sass version…
Zamrony P. Juhara
  • 5,222
  • 2
  • 24
  • 40
2
votes
1 answer

Compiling .scss to css with grunt returns with weird error

So this is what I have inside of my grunt: concat: { css: { src: [ 'assets/**.scss.liquid', 'assets/**.css' ], dest: 'assets/build.scss.liquid', } }, sass: { dist: { options: { …
Gamaliel
  • 67
  • 1
  • 11
2
votes
1 answer

Remove all comments from compiled CSS - Grunt

I have been developing on the front end for years but I am finally making the move towards developing using Grunt and moving away from tools like Prepros and Koala for my Sass compilation. My main question is, how do I force my grunt tasks to remove…
jezzipin
  • 4,110
  • 14
  • 50
  • 94
2
votes
1 answer

Compile css and sass files to single css file using gruntjs

I have a bootstrap.css file which I want to compile with my custom styles from style.sass into single output file, for example - style.css. For sass compilation I use gruntjs with grunt-contrib-sass extension. My Gruntfile.js config for sass looks…
Kamilius
  • 588
  • 14
  • 34
1
vote
1 answer

Error: Could not find an option named "sourcemap" when running SASS and Grunt

I am trying to run Grunt and SASS in order to uglify and minify javascript, CSS and SCSS. I am trying to run grunt in a RHEL8 AWS EC2 Instance and have installed the required dependencies: NodeJS: v10.24.1 NPM: 6.14.12 Ruby: ruby 2.5.9p229…
arjunbnair
  • 330
  • 7
  • 18
1
vote
0 answers

Sass doesn't copy the content of css files from node modules folder

I'm using some sass compilers to convert my scss files to css, but in one of the scss files I'm importing some css files from node_modules folder, along with other scss files from my src folder. Those css imports are included as url imports in the…
Rahul Dole
  • 2,723
  • 2
  • 24
  • 30
1
vote
2 answers

Grunt/SASS: Output CSS into a single file, and keep source mapping true to multiple source files

I'm setting up SASS source maps (grunt-contrib-sass) in a Grunt task. Ideally all my projects' CSS would be combined into one file, and keep source maps true to the original source. My initial thought was that it would be easiest just to keep the…
BBaysinger
  • 6,614
  • 13
  • 63
  • 132
1
vote
1 answer

Grunt - scss is not compiled - gruntFile.js

(Beginner post) I used Grunt for this tree : Gruntfile.js : module.exports = function(grunt) { grunt.initConfig({ sass: { dist: { options: { style: 'expanded' }, …
BobRock
  • 21
  • 1
  • 7
1
vote
1 answer

Grunt | Could not find an option named "line-numbers" | dart-sass

i'm using grunt for compiling sass, whis was working fine for a long time but now, i'm facing this issue. Recently i clean installed my laptop and started it fresh, now i'm getting this issue. So any one can please help me with…
Arun_gok
  • 96
  • 7
1
vote
1 answer

Sass on Grunt always creates an empty output

I'm trying to compile SASS using grunt-contrib-sass, but I get an empty CSS file. Here is the simplest package.json I could come up with to compile SASS/SCSS: { "name": "sassgrunt", "version": "1.0.0", "scripts": { "sass": "node-sass" …
Cobus Kruger
  • 8,338
  • 3
  • 61
  • 106
1
vote
0 answers

Grunt-Watch not running the tasks after few iterations

I have seen many issues which are related to this, but I haven't found the desired solution. Problem : While I am working with sass files or js files in my project, I want to compile/jshint those files when they were changed. So I am using…
kgsnaidu
  • 374
  • 2
  • 7
1
vote
1 answer

sourcemap with grunt-sass points me to the wrong line

i work with libass and susy, with grunt and compass-importer. the base for the instalation of my projects are from http://zellwk.com/blog/grunt-sass-with-susy/ all was working fine until i've updated the files, now the sourcemap does not give me the…
Fdamaso
  • 100
  • 8
1
vote
0 answers

Using grunt-contrib-sass to compile to multiple destinations relative to their sources (recursively)

I have a huge stylesheet codebase with many .scss files in multiple folders and subfolders that I want to compile to .css files. So far so good. But for whatever reason I need the .css files to be compiled into a different destination folder than…
Cody MacPixelface
  • 1,348
  • 10
  • 21
1
vote
1 answer

Variable as a key for path in GruntJS

Weird behavior, when i try in grunt-contrib-sass make key variable, instead path. var sourseScssFolder = 'src/scss/*.scss'; var destCssFile = 'src/packed.css'; sass: { dist: { options: { style:…
Artfaal
  • 11
  • 1
1
2
3 4 5