Questions tagged [dart-sass]
93 questions
21
votes
5 answers
Disable Dart SASS Warnings Produced By External Theme File
I have a third party SCSS file that I am including in my project, and Dart SASS is displaying a long list of warnings as a result. How can I disable the warnings for third party includes?
I'm using Vue with Dart SCSS. Dart has a quietDeps option,…
Alex Wade
- 659
- 1
- 7
- 27
18
votes
2 answers
Sass: @use makes error, undefined variable
I'm using Sass and want to use @use keyword instead of @import. Because, @import has many buggy problems. Also only dart-sass supports this feature, I changed node-sass into dart-sass. However, problem is occurred.
My original code
@import…
undefined
- 978
- 1
- 12
- 30
9
votes
1 answer
Is there a way to use Dart Sass command line version with web pack?
From the dart-sass documentation we see that the dart-sass has a command-line version and is more performant.
I want to know if we can somehow use that command-line version with the existing webpack set up to speed up our build-time performance.
I…
AnandShiva
- 906
- 11
- 22
8
votes
2 answers
Why do I get a Syntax Error: SassError: expected "{"?
The example given by the sass map.set documentation doesn't work, why is that?
@use "sass:map";
$font-weights: (
'regular': 400,
'medium': 500,
'bold': 700
);
map.set($font-weights, 'extra-bold', 900);
// ("regular": 400, "medium": 500,…
Wenfang Du
- 8,804
- 9
- 59
- 90
6
votes
6 answers
LoadError: cannot load such file -- sassc
running rake assets:precompile ends with the error.
Can't find why it still requires sassc, sassc only was in project when migrated to sprockets 4 using Guide to upgrading from Sprockets 3.x to 4.x:
gem 'sass-rails', '>= 5'
bundle update sass-rails…
Goaul
- 943
- 11
- 13
6
votes
3 answers
How to compile Dart Sass with Visual Studio 2019
Until now i use Web Compiler by Mads Kristensen but now i'am facing problems compiling new sass commands like @use or using some css calculation like
grid-template-columns:repeat(auto-fill,minmax(max(200px,(100% - (var(--n) -…
gt.guybrush
- 1,320
- 3
- 19
- 48
5
votes
1 answer
:deep() syntax with nested scss rules
I am trying to migrate some Vue.js Single File Components from ::v-deep syntax to :deep(), as described here. However, I am not sure how to make it work with nested SCSS rules with &__*. Rules without &__* work just fine.
The SCSS compiler we use is…
sjaustirni
- 3,056
- 7
- 32
- 50
5
votes
0 answers
is it possible to make sass-loader using dart-sass not node-sass
Because the node-sass have a big install problem and compatible problem, I do not want to use node-sass, prefer to use dart sass in my project. But when I use the sass-loader like this:
"sass-loader": "7.0.0",
shows that:
ERROR in…
Dolphin
- 29,069
- 61
- 260
- 539
5
votes
3 answers
make: *** [Release/obj.target/binding/src/binding.o] Error 1 when using dart sass
Because the node-sass was no longer maintain and did no compatiable with the higher version of node, so I tried to change the node-sass to dart-sass, when I use the dart-sass in the vue project like this:
"sass": "1.48.0",
shows error:
npm ERR!…
Dolphin
- 29,069
- 61
- 260
- 539
5
votes
4 answers
TailwindCSS 3.0 Upgrade overriding button styles
Problem:
Button class being overridden by default tailwind base classes. Not sure why my classes on the element aren't being applied.
Question:
How can I get my styles to apply properly?
Screenshot:
As you can see background color on…
William Zink
- 189
- 4
- 15
5
votes
1 answer
Replace options of node-sass-chokidar to dart-sass
I have following script in package.json, using with node-sass-chokidar, tried multiple combinations but not working.
here is my current script:
build-scss": "npm run update-version && rimraf bundles/* && node-sass-chokidar --include-path ./src…
Nikhil
- 417
- 1
- 6
- 16
4
votes
1 answer
How to use dart sass in python
Is there any python library to compile sass which uses the Dart Sass implementation?
Currently I am using the libsass-python library. But Libsass is now deprecated
Which is the current best choice to compile sass in python?
Al Mahdi
- 635
- 1
- 9
- 16
4
votes
1 answer
How to configure Dart Sass native executable (dart VM) in vue.config.js with sass-loader?
I am working on a SPA application built using vue.js 2.6, bootstrap-vue 2.8, sass 1.34 (dart-sass) as preprocessor and sass-loader 10.2.
With the time the project is getting quite big and we've switched from Node-Sass to Dart-Sass (as node-sass is…
pierreben
- 239
- 3
- 12
4
votes
2 answers
Not able to compile sass files on Laravel 8 bootstrap
When I am trying to compile bootstrap scaffolding on laravel version 8, below errors are coming
node_modules\bootstrap\scss\mixins\_grid.scss 67:16 row-cols()
node_modules\bootstrap\scss\mixins\_grid-framework.scss 43:13 @content
…
mk23
- 1,257
- 1
- 12
- 25
4
votes
1 answer
Why I can not use sass variables to define value of css variable
I am trying to use sass variables and sass mathematical operator to define different css font-size variables.
I defined css variables like that:
$base-font-size: 1rem;
:root {
--font-size-s: #{$base-font-size} * 0.5;
--font-size-m:…
Krzysztof Kaczyński
- 4,412
- 6
- 28
- 51