Questions tagged [dart-sass]
93 questions
0
votes
0 answers
Source mappings wrong when using compressed style with sass source maps
Context
I am experiencing an issue when using the JS API, sourcemap compile option when used in tandem with style = compressed.
The source map is produced and I write it to a file. However, the mappings are broken and in Chrome's devtools, I am…
d.ts
- 1
0
votes
1 answer
Sass @if rule fails when expression is $my-variable == null
I am facing a strange behavior of Sass, when the expression of an @if-rule compares a variable with null.
$foo: null;
@debug $foo, $foo == null, $foo != null;
@if $foo == null {
@debug "$foo is null";
}
@if $foo != null {
@debug "$foo is…
Karsten
- 343
- 4
- 12
0
votes
1 answer
Undefined variable error when using sass @use in vite (@import is OK)
I got an Undefined variable error when i use sass @use in vite
demo is here codesandbox
I don't know what's wrong with my configuration for sass
MrNobody
- 41
- 1
- 5
0
votes
0 answers
The paging file is too small for this operation to complete
from darts.models import TFTModel
when I try to import Darts this message appear
[WinError 1455] The paging file is too small for this operation to complete. Error loading or one of its dependencies.
I tried to uninstall packages
0
votes
0 answers
dart sass create subfolder for each generated css file
This is my file structure:
- root/
-- component1/
-- style.scss
-- component2/
-- style.scss
I want to run the sass command so that I get this stucture:
- root/
-- component1/
-- style.scss
-- gen/
-- style.css
--…
Jules Colle
- 11,227
- 8
- 60
- 67
0
votes
0 answers
Differences in generated css when using sass-maven-plugin and dart-sass-maven-plugin
I am trying to replace the deprecated org.jasig.maven:sass-maven-plugin:1.1.1, which uses Ruby (not working with Java 11) with the io.github.cleydyr:dart-sass-maven-plugin:0.3.0, which uses Dart Sass, in order to compile sass and generate css…
georgeliatsos
- 1,168
- 3
- 15
- 34
0
votes
0 answers
How to set a distinct variables to each element in a list in sass?
I created a list for all darken and lighten colors that want to use in my project with the help of sass functions and lists. Here is the code of _functions.scss file:
_functions.scss:
@use "sass:list";
@use "sass:color";
@use "sass:string";
@use…
hamid-davodi
- 1,602
- 2
- 12
- 26
0
votes
1 answer
Sharing variables between shared files using @use
Currently migrating from sass to dart-sass.
Using @use and @forward is not a problem for any *.scss file outside shared folder.
Problem:
When to stylesheets/shared/_variables.scss add @use "functions" as *; as it uses function example-ui-color,…
Goaul
- 943
- 11
- 13
0
votes
1 answer
How to inject style into Modal component?
I'm building a React app using Dart SASS. Things are generally going well and I particularly appreciate how the styles for each component are isolated to that component - ie. ComponentName.module.scss
But I've just built a new Modal component that…
RobertW
- 226
- 1
- 2
- 10
0
votes
1 answer
Is there a way to inject a SCSS class into a React component?
I've built a simple Panel.tsx component in React, using TypeScript:
import * as React from 'react';
import { Label, LabelType } from 'components/basic';
import styles from './Panel.module.scss';
interface IPanel {
title?: string;
children:…
RobertW
- 226
- 1
- 2
- 10
0
votes
1 answer
How to fix this issue with Sass in my React project?
So i've been trying (without sucess) for 2 days straight every possible way of using sass in my project.
I'm using 7-1 architecture for sass and a basic components-layout-pages architecture for the javascript.
The problem is i keep getting this…
Cyz
- 1
- 6
0
votes
1 answer
Can't display bootstrap after changing to rails 7 and dart-sass
After changing Rails 7 and dart-sass, My app can't display js (bootstrap menu).
I think it happened because I couldn't set the right path, or change the way of writing from node-sass to dart-sass.
I watched my app on localhost and checked to develop…
sasaharukimedes
- 11
- 2
0
votes
3 answers
How to prepend scss files in Vue3 + dart-sass?
I am trying to prepend scss files to my project. Here is my vue.config.js:
const {defineConfig} = require('@vue/cli-service');
module.exports = defineConfig({
transpileDependencies: true,
css: {
loaderOptions: {
scss: {
…
Tina Gordienko_Drog
- 325
- 1
- 7
0
votes
2 answers
rgb/rgba function doesn't work using scss color variables
I'm currently making the switch to from node-sass to dart-sass. I used to be able to define colour opacity with a mix of hex and rgb like this:
$colour-black: #000000;
.element {
background-color: rgb($colour-black, 0.16);
}
However, now it…
bilcker
- 1,120
- 1
- 15
- 43
0
votes
1 answer
In Sass, how can I check if a list of arguments is empty?
In Sass we can use argument list but how can we check if this argList is empty or not?
Here a basic sample with some debugs :
@mixin mymixin($myargs...) {
@debug $myargs;
@debug type-of($transitions);
@debug not $myargs;
@debug…
Klemart3D
- 180
- 9