With the syntax changes in gulp-ruby-sass starting from 1.0.0-alpha, you’ll need to use gulp-ruby-sass() instead of gulp.src() to compile your Sass from a file or directory. If you try to use the original syntax with newer or latest versions, you may encounter the following error: TypeError: Arguments to path.join must be strings For example, the … Read more
Bootstrap 5.3.0-alpha (update 2023) Bootstrap has introduced a dark mode, and the ability to create other color-modes. However, this feature is currently limited to a few variables, and it’s not possible to customize the dark theme colors. For the dark mode switch, simply add the data-bs-theme attribute to the doc’s html tag: <html data-bs-theme=”dark”> Using … Read more
You can achieve this effect with no additional markup using pseudo-elements and the adjacent sibling selector (~): li { width: 2em; height: 2em; text-align: center; line-height: 2em; border-radius: 1em; background: dodgerblue; margin: 0 1em; display: inline-block; color: white; position: relative; } li::before{ content: ”; position: absolute; top: .9em; left: -4em; width: 4em; height: .2em; background: … Read more
For Angular 13 try to remove tilde symbol (~) from the path so import like: @use ‘@angular/material’ as mat; It works like a charm.
With ANT: Download JRuby complete jar file (JRuby Complete jar download page) Download the latest HAML/SASS code (HAML/SASS tarball), and extract it. Put it in “/libs/sass-[VERSION]” Add the following to an ant build file. Replace [VERSION] in the script to the corresponding versions of JRuby and SASS Run the ant script, and the sass or … Read more
If your node version is 4 and you are using gulp-sass, then try npm uninstall –save-dev gulp-sass npm install –save-dev gulp-sass@2
Sass gave you the answer: you’re using strings when you shouldn’t be (note the quotations in the error, that’s a sure sign of a string). Interpolation gives you a string all the time no matter what. Because hsla() expects all arguments to be numbers, passing it a string results in getting the string hsla() instead … Read more
I wasn’t planning on answering my own question, but it seems that I found out exactly what I was looking for only it has recently being added to sass and will be available on sass 3.4. I believe there’s a prerelease to tried but I havent tried it yet. Basically what I was looking has … Read more
Functions and mixins are not first-class in Sass, meaning you can’t pass them around as arguments like you can with variables. Sass 3.2 and older The closest you can get is with the @content directive (Sass 3.2+). @mixin foo { a { @content; } } @include bob { b: foo(c); // this replaces `@content` in … Read more
This simply isn’t possible using variable interpolation. You can get around the @ assignment like this: $at: unquote(“@”); // either of these will work $amp: #{“@”}; But then you end up with this error: error sass/test.scss (Line 4: Invalid CSS after “”: expected selector_comma_sequence, was “@-ms-keyframes …”) Interpolation on @keyframes is not currently supported, but … Read more