Sass was originally written for Ruby, but now they’ve created libSass which is a C/C++ port of the Sass engine, which makes it easier to integrate the engine into an IDE or another language. At this point, you can use the Sass engine in Ruby, Node.js, Python, PHP, Java, .NET and others. For more information, … Read more
As you suspected, you are making this too complicated. The destination doesn’t need to be dynamic as the globbed path is used for the dest as well. Simply pipe to the same base directory you’re globbing the src from, in this case “sass”: gulp.src(“sass/**/*.scss”) .pipe(sass()) .pipe(gulp.dest(“sass”)); If your files do not have a common base … Read more
!default is used often in Bootstrap Sass. It is similar to a reverse !important. All of Bootstraps Variables are set using !default to allow the developer to further customize bootstrap. With !default sass will only define a variable if it has not already been set. This allows for more flexibility. //Example1 Dress color = red … Read more
That’s LESS, not CSS. This syntax allows you to nest selector modifiers. .clearfix { &:before { content: ”; } } Will compile to: .clearfix:before { content: ”; } With the &, the nested selectors compile to .clearfix:before. Without it, they compile to .clearfix :before.
As Kumar points out, this has been possible since Sass 3.3.0.rc.1 (Maptastic Maple). The @at-root directive causes one or more rules to be emitted at the root of the document, rather than being nested beneath their parent selectors. We can combine the @at-root directive along with interpolation #{} to arrive at the intended outcome. SASS … Read more
YES! its possible. If you want all <button> elements to inherit the .btn class from Twitter Bootstrap’s Default buttons In your styles.scss file you would have to first import _bootstrap.scss: @import “_bootstrap.scss”; Then below the import: button { @extend .btn; }
The simple answer is: you can’t because Sass can’t (or won’t) compose the selector for it. You can’t be inside of a media query and extend something that’s outside of a media query. It certainly would be nice if it would simply take a copy of it instead of trying to compose the selectors. But … Read more
I just figured out how to do this in Eclipse. I admit that this solution does not have 100% SASS support, the colors get a little funky when using nested css, but it’s waaaaay better than looking at plain text and you don’t need to install a separate editor. You need to associate the .scss … Read more
There is no officially sanctioned JavaScript implementation of sass or scss. There are a couple of implementations in progress that I’ve seen, but none that I can recommend using at this time. However, please a few points: Why should you make all your users compile your stylesheets when you can do it once for all … Read more
You can assign default parameter values inline when you first create the mixin: @mixin clearfix($width: ‘auto’) { @if $width == ‘auto’ { // if width is not passed, or empty do this } @else { display: inline-block; width: $width; } }