Recently, when I compile my scss files I get an error. The error message says: Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslist First, as the message says, I ran npm update caniuse-lite browserslist but it didn’t fix the issue. I deleted the whole nod-modules directory and installed again, also I … Read more
Getting this error on Arch Linux with node-sass. I’m using it with gulp-sass. Node Sass does not yet support your current environment: Linux 64-bit with false Versions $ gulp -v [19:43:15] CLI version 3.9.1 [19:43:15] Local version 3.9.1 $ npm -v 3.9.0 Node $ node -v v6.2.0 Even using this command npm rebuild node-sass is … Read more
so far I’ve used extensively LESS and BootStrap for many of my sites. However, I decided to start using Zurb Foundation as it seem more powerful, especially with the latest release (5). With LESS, what I have always done was installing WP-Less, a plugin that uses phpLess library to compile .less stylesheets by looking at … Read more
i’m running a number of WP sites on my localhost WAMP on w8. I started to work on a new site, using Sass and Zurb Foundation using this template: http://jointswp.com/. the problem: During my work, suddenly every time I’m querying from the index page, the apache server takes up to 70% from my cpu and … Read more
I am writing a mixin like this: @mixin box-shadow($top, $left, $blur, $color, $inset:””) { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } When called what I really want is that if no $inset value is passed, nothing is output, rather than it compiling to … Read more
Why put _ in front of the filename in scss? _filename.scss – Why does it need _ ? 6 Answers 6
This question already has answers here: Sass .scss: Nesting and multiple classes? (6 answers) Closed 6 years ago. How can I use the :before and :after pseudo-element selectors following the syntax of Sass or, alternatively, SCSS? Like this: p margin: 2em auto > a color: red :before content: “” :after content: “* * *” Of … Read more
I am modularizing my stylesheets with SASS partials like so: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues is there a way to include the whole partials directory(it’s a directory full of SASS-partials) like @import compass or something? 13 Answers 13
I have the following Sass mixin, which is a half complete modification of an RGBa example: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } I have applied $opacity ok, but now I am a stuck with the $color part. The colors I will be … Read more
I would like to use google web starter kit. I installed node.js v0.12.0, node-sass & gulp. And then ran: $ sudo npm install When I typed gulp serve then got this error: Using gulpfile ~/web-starter-kit/gulpfile.js Starting ‘styles’… ‘styles’ errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding I reinstalled node … Read more
