27,709 questions
3
votes
4
answers
2k
views
Error when Compiling with Web Compiler 2022+: "The system cannot find the specified path"
I have been on this problem for quite some time.
I am using Web Compiler 2022+ 1.14.11
And Visual Studio 17.8.5
For some reason suddenly the Web Compiler won't compile my scss file anymore.
Im getting ...
- 2,067
-1
votes
0
answers
81
views
Is it possible to get Vite to watch and trigger SCSS compile on file change?
I am new to Vite and am using it as part of a CMS's SDK repo. It came pre-configured from the repo.
I'd like to be able to configure it so that it (or something) watches my SCSS files compiles on ...
- 15.8k
Tooling
1
vote
1
replies
27
views
Set global CSS breakpoints in Blazor
I would like to set the CSS breakpoints globally in Blazor. What are some approaches? I prefer something that keeps the code or additional libraries quite simple.
- 266
12
votes
6
answers
30k
views
Import variables from .ts into .scss angular
I am developing an angular component and I would like to import into my scss file variables (such as colors) from my ts file and I am going throught some issues.
I have seen some examples with node-...
- 11.1k
1
vote
2
answers
230
views
Sass @use 'bootstrap/scss/bootstrap' failing with 'Can't find stylesheet to import' in minimal project
I'm encountering a persistent issue where Sass is unable to resolve the import path for Bootstrap, even in a minimal test project. I'm using gulp-sass with Dart Sass.
Here's the problem:
I'm trying to ...
- 45.5k
-1
votes
0
answers
35
views
Using css mixin as a dynamic class name with the BEM (Block Element Modifier)
I am trying create a dynamic classes using BEM along with the css mixins.
.card--sty-1{
&__circle{}
&__link{};
}
.card--sty-2{
&__circle{}
&__link{};
}
...for --sty-[n ...
- 7,876
-1
votes
0
answers
25
views
Sass @use Undefined Variable Error Despite Correct Import Order
I am facing a persistent Undefined variable error when using the new Sass module system (@use). My setup involves a modular file structure where variables are imported before they are used, but the ...
0
votes
0
answers
54
views
How to make K2 SmartForms (by Nintex) work with Bootstrap 5 + SASS?
I’m trying to style my K2 SmartForms (by Nintex) using Bootstrap 5 with SASS.
However, SmartForms have their own generated HTML structure and styles that often conflict with Bootstrap’s classes and ...
1
vote
1
answer
419
views
`@import "tailwindcss";` does not work when used in a file with an `.scss` extension
I wanted to use Tailwind and SCSS on my Nuxt site, but I noticed that the only way to make it work is if the file where I put @import is a CSS file; it doesn't work in an SCSS file.
I don't understand ...
- 18.2k
4
votes
3
answers
635
views
`@apply` is not working and does not validate actual TailwindCSS v4 class/utility names in an Angular (with Sass) project
I've recently created a new Angular application (v20.3.0) and I installed TailwindCSS v4, using the Angular documentation guideline which is very simple to do (also TailwindCSS in its documentation ...
- 18.2k
4
votes
1
answer
14k
views
Node Sass does not yet support Windows 64-bit
I am running protractor UI automation project and try to run test with yarn test and received following build error
Module build failed: Error: Node Sass does not yet support your current environment:...
CommunityBot
- 1
58
votes
4
answers
29k
views
How do you strip the unit from any number in SASS?
I know you can strip units from numbers in SASS when you know the unit before-hand like this:
$number: 16px;
$without-unit: 16px / 1px;
@warn $without-unit; // 16
But is it possible to strip the unit ...
1
vote
1
answer
12k
views
Tailwind - Laravel Mix - Module not found: Error: Can't resolve scss file
I am trying to install Tailwind into my Laravel 5.8 app and am using Laravel Mix. I've installed tailwind npm package and generated a tailwind config file. A file exists at the resources/sass/app.scss ...
CommunityBot
- 1
3
votes
1
answer
10k
views
Can't find stylesheet to import
I'm using bootstrap and sass. Nodejs with grunt.
app.sss
$icon-font-path: "/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
$fa-font-path: "/bower_components/font-awesome/...
CommunityBot
- 1
0
votes
2
answers
3k
views
Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
Hello everyone Why does the error "Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0." occur? I have searched for an answer in other help requests, ...
- 7,219
2
votes
1
answer
65
views
How to control height/size of the each dropdown on mat-option using system tokens - md3/angular20
I've been using newest Angular Material in Angular 20.
Trying to control stuff using mat.*-overrides but I can't find the option to change height of each mat-option inside of the form-field inside the ...
- 66.1k
0
votes
1
answer
51
views
Why does Sass compile seem to ignore definition order of properties if they're changed in media queries
If I have the following scss rule:
.hero-wrapper{
padding: g.$padding-main;
@include r.medium {
padding: calc(g.$padding-main / 2);
}
@include r.small {
padding: calc(g....
- 200k
0
votes
0
answers
113
views
PrimeNG 17 → 18 theming: how to keep our v17 look?
We upgraded an Angular app from PrimeNG 17 (classic theme) to PrimeNG 18 (new tokens/presets). After the upgrade, the UI changed notably (spacing, paddings, border radius, fonts, table row height, ...
- 12.3k
6
votes
1
answer
9k
views
Making dark themed inputs for Bootstrap 4
TL;DR - how can I nest validation states using a SASS mixin?
Long version -
I'm having a few difficulties using Bootstrap 4's SASS to generate a dark theme. Some variable replacements are obvious, ...
CommunityBot
- 1
0
votes
1
answer
97
views
Align span in Bootstrap columns
So I'm trying to align the Swipe Icon to the right without padding-right: 0; doesn't work:(
Herse some Code and Images:
Here's my HTML:
<div class="col-sm-4">
<span class="c-...
CommunityBot
- 1
1
vote
0
answers
71
views
How can a removal of a boundary check introduce a BSYNC instruction in a following memory action?
I have some CUDA kernel code doing the following:
half * restrict output;
half v;
// ... etc ...
int i = whatever();
#ifdef CHECK_X
if (i >= 0 && i <= SOME_CONSTANT)
#endif
{
output[...
- 137k
-1
votes
2
answers
220
views
How to start structuring your own css when not working with a framework like bootstrap/bulma/materialize [closed]
I'm starting a new angular project and it has been decided not to use a framework like bootstrap/bulma/materialize/... but write our own sassy component library.
I have done some research but to be ...
- 21.3k
0
votes
0
answers
40
views
Sass + PurgeCSS + SvelteKit: properly hash filenames
I have some code using SvelteKit for JS, Sass (with Bootstrap) for CSS, optimized with PurgeCSS, and compiled with Vite.
Here my vite.config.js:
import { sveltekit } from '@sveltejs/kit/vite';
import {...
- 188k
3
votes
6
answers
4k
views
How to access react public folder in SCSS to import images
There is folder named 'img' inside public folder.
If I write this,
background: url(img/hero2.jpg) no-repeat center;
Then it throws this error.
Module not found: Can't resolve './img/hero2.jpg' in 'D:\...
- 49.2k
0
votes
0
answers
23
views
"@use rules must be written before any other rules." - can't find the file with "other rules"
Migrating from @import to @use/@forward syntax in SASS and getting error "@use rules must be written before any other rules." while compiling.
I can't find which rule(s) would be defined ...
- 11