Questions tagged [libsass]

Libsass is a SASS pre-processing language for CSS compiled in C instead of Ruby. It allows you to write cleaner style-sheets and makes collaboration on your CSS a breeze. Libsass is know faster, but its development is a bit delayed.

Sass is a pre-processing language for CSS. It allows you to write cleaner style-sheets and makes collaboration on your CSS a breeze.

131 questions
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
1 answer

Sass compilation fails when working directory is deeply nested and includePaths is relative

When attempting to import the scss of an npm package using gulp-sass/node-sass/libsass, it fails on ../../app/assets/stylesheets/_engine.scss Error: File to import not found or unreadable: bootstrap-material-design/scss/core Parent style…
kross
  • 3,627
  • 2
  • 32
  • 60
1
vote
1 answer

SASS variable as style name

Is it possible to use a SASS variable in within a style name? If yes, what's the syntax? I've tried the following: @mixin bleed($direction) { margin-#{$direction}: 10px; } and @mixin bleed($direction) { #{'margin-' . $direction}:…
Ryuu
  • 596
  • 1
  • 5
  • 26
1
vote
1 answer

"Error: The `libsass` binding was not found..." in nodejs 4.2.4 lts but not 5.4.1 using docker

I am setting up a docker container using nodejs 4.2.4 with expressjs using sass. My Dockerfile: FROM node:4.2.4-wheezy COPY myapp /srv/www/ RUN rm -r /srv/www/node_modules || echo "Not removing /srv/www/node_modules, directory did not…
Philiiiiiipp
  • 705
  • 1
  • 9
  • 24
1
vote
1 answer

Get libsass-python to use system libsass library instead of compiling it

Not sure if this is possible but with libsass requiring gcc-c++ >= 4.7 and Centos 6 not having it, I was curious if libsass-python could use the system's libsass instead of compiling it if it exists. I have been able to build a libsass rpm for…
byoungb
  • 1,771
  • 20
  • 31
1
vote
1 answer

Keep getting libsass error

I was coding as usual, doing simple scss (nothing fancy, adding animate to a div) when I started getting segmentation fault (core dumped) gulp I deleted my node_modules, did an npm-install, nothing changes. I've seen many people successfully do…
1
vote
0 answers

Gulp sass build removing 0 before decimal

I am new to GULP sass build structure and I am facing an issue. When I run my gulp process The final css that is generated has the following things 0 is getting removed before the decimal and line breaks are coming. Some people are using PC and…
karthick
  • 11,998
  • 6
  • 56
  • 88
1
vote
0 answers

How to configure gulp-sass properly?

Here is my gulpfile. var gulp = require('gulp'); var sass = require('gulp-sass'); var sourcemaps = require('gulp-sourcemaps'); var babel = require("gulp-babel"); // Gulp Sass Task gulp.task('sass', function () { console.log('called'); //…
Suhas Deshpande
  • 715
  • 1
  • 6
  • 17
1
vote
3 answers

Python libsass sass.complie() not compiling sass

I am having a problem getting libsass to compile SASS files. I can get it to compile SCSS files just fine. I have a Flask application and I've installed libsass and I am using the libsass binding sass. It works well but is missing some functionality…
Mike
  • 2,514
  • 2
  • 23
  • 37
1
vote
0 answers

Sass function to add prefix before css class

I'm trying to make a sass function that prefixes my class name, for example: pf(.test) { display: block; } desired output: .prefix-test { display: block; } What I've tried: @function pf($class) { @return .#{$brand-prefix}-$class; } But I…
woutvdd
  • 771
  • 1
  • 9
  • 20
1
vote
1 answer

Command-line argument as var in Sass, for hardcoded CDN URL's on compile

For local HTML/Sass/Css developement we use libsass (via Grunt) to compile our Sass files to Css. The Css background-image URL's are root relative. Sass $dir-img: /img; .header { background-image: url(#{$dir-img}/header.jpg); } We'd like to…
Dennis Burger
  • 259
  • 4
  • 13
1
vote
0 answers

libsass inspect, str_index

I have the following code that works well under sass 3.4.14 @function replaceAttribute($xml, $insert, $attribute) { @if type-of($insert) != string { $insert: inspect($insert); } $search_str: $attribute + '="'; //How much to add to get to where…
Sailor
  • 91
  • 5
1
vote
0 answers

Does SASS handle multiple level imports?

Problem: Changing partial that a sass file imports, doesn't appear to cause the sass file to generate a css file. Info: I'm using libsass (have tested both via SassyStudio Visual Studio plugin, and via Grunt with the libsass package grunt-sass. See…
Ian Smithers
  • 173
  • 1
  • 9
1
vote
2 answers

Why is gulp-sass removing line breaks when I @import a SCSS file inside a media query?

I'm trying to migrate my site to compile SASS with gulp-sass instead of Compass. It does seem promising - I love the speed, and the integration with Gulp is useful. Unfortunately I'm finding gulp-sass does weird things to the line breaks in the CSS…
And Finally
  • 5,602
  • 14
  • 70
  • 110
1
vote
1 answer

Getting Libsass Gulp Susy to work together

I have just spent the last 5 days playing with this and trying to get the following to work together: ¬ Libsass ¬ Susy ¬ Gulp But now I have it working I have just gone for 45s to 700ms This is something I feel I should share. Initial…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1 2 3
8 9