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
1
vote
0 answers

Grunt - nodemon + watch

i'm new to grunt so i'm guessing i'm doing something simple really wrong. I'm using angular-client-side-auth for my single page app and i wanted to add grunt-contrib-sass and grunt-contrib-watch into Gruntfile.js. Here's the problem, when i start…
user2834729
  • 51
  • 1
  • 4
1
vote
1 answer

How do I get Grunt to recompile dependent SASS files?

I'm trying to work my way through the updates to Visual Studio 2015 including using Grunt and so on. I can get Grunt to recompile .scss files when they change, but I have a problem. I use SASS for theming, and a lot of my CSS is in a central…
Anthony Mills
  • 8,676
  • 4
  • 32
  • 51
1
vote
1 answer

Running grunt and compiling sass to the same directory as source files

I have all of my scss under parent folder and I have a grunt task running to compile them. With this particular project there won't be a build or output folder. I would like to have all of the scss files compile in their same directory. + folder +…
kisonay
  • 351
  • 2
  • 7
  • 15
1
vote
0 answers

Sourcemap output with grunt sass

In my project I finally got rid of compass and using autoprefixer instead. I needed a new css compiler so I used the default grunt-contrib-sass module. These are my settings: sass: { dist: { files: [{ expand:…
idontknow
  • 966
  • 8
  • 21
1
vote
1 answer

Grunt-contrib-sass doesn't create config.rb file?

I'm using Grunt-Contrib-Sass and I can't seem to find the config.rb file anywhere (if it's creating one anyways). I need it to assign a path to the http_fonts_path, because I'm using the Compass font-face mixin and it seems to be returning the fonts…
yaserso
  • 2,638
  • 5
  • 41
  • 73
1
vote
0 answers

Grunt: Globbing pattern won't work – why?

This is my current Gruntfile: module.exports = function(grunt) { grunt.config.init({ sass: { dist: { options: { 'style': 'expanded' }, files: { 'assets/css/style.css': 'src/scss/main.scss' …
Sven
  • 12,997
  • 27
  • 90
  • 148
1
vote
1 answer

Compilation time is the same after switching from grunt-contrib-sass to grunt-sass. Both takes the same amount of time as when I was using Ruby

I heard about "lighting fast" Libsass. I switched from Ruby to Grunt. But no matter which compile method I use (Ruby, grunt-contrib-sass, grunt-sass), speed is the same. 15 seconds on compiling bootstrap-scss. grunt.js: module.exports = function…
TheFrost
  • 1,265
  • 2
  • 15
  • 29
0
votes
1 answer

My "grunt watch" is running but it doesn't apply the changes from SCSS to CSS

I'm currently having a problem with my grunt watch command. It appears to be running and is listening to the changes but it doesn't apply them. I need to change my scss to css. I'm very new to all of this and I'm following every step they gave me…
Herlik
  • 1
0
votes
1 answer

Grunt task not found (grunt-contrib-sass)

Here's my gruntfile.js, it's in the same directory as sass/style.scss and package.json. package.json has grunt, grunt-contrib-sass and grunt-cli installed. module.exports = function(grunt) { grunt.initConfig({ pkg:…
JL9
  • 533
  • 3
  • 17
0
votes
1 answer

SCSS: concat files but not compile

I'm looking for easy way to concat scss files(that contain imports) into single scss file, not compile but concat. More details: Our SCSS is compiled on-fly based on variables from database, so it it's not possible to compile it before deployment.…
Stepan Suvorov
  • 25,118
  • 26
  • 108
  • 176
0
votes
3 answers

Invalid US-ASCII character using SASS

I'm using grunt, grunt-contrib-sass, and angular material. After adding in angular material, the build began failing in the CI process (BitBucket Pipelines). The error is: Invalid US-ASCII character "\xE2" online 4242 of…
Lefka
  • 633
  • 6
  • 20
0
votes
0 answers

compling mutiple sass files into multiple css in gruntfile.js not working

I have my folder structure as below -project_folder sass vendors modules partials sass1.scss sass2.scss css index.html I want to compile sass files without compass, using grunt to each seperate css files, (sass1.css , sass2.css) I tried with…
Ajay.R1008
  • 37
  • 10
0
votes
1 answer

When I install a grunt package grunt does not automatically install

I am very new to Grunt and node so please bear with me. I am on a mac OSX operating system. I will walk you through the scripts I ran in detail to help. In my terminal. First I installed Homebrew using: ruby -e "$(curl -fsSL…
Mariton
  • 601
  • 2
  • 12
  • 28
0
votes
1 answer

Make css map points to sass partial using grunt

I'm using grunt-contrib-css to process my sass files, this is the workflow im following: partial.sass contains all the styles. home.sass import partial.sass. home.css gets created from home.sass. home.min.css is the minified version of…
miguelopezv
  • 790
  • 2
  • 8
  • 28
0
votes
1 answer

Grunt sass task returning ENOENT error unless paths are absolute

Seem to be getting an issue with my grunt sass task requiring absolute paths. Not sure what change has caused this. The issue however seems to be resolved when you I used absolute paths within the Grunt task. The paths are correct as they work…
kplates
  • 700
  • 1
  • 7
  • 16
1 2
3
4 5