27,709 questions
-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
-2
votes
0
answers
29
views
How do I resolve the red-sass issue?
I am trying to install a project 'Medusae' but I ran into some troubles. When I try to install dependencies via npm i get this error
npm warn cleanup ]
npm error code 1
npm error path C:\Users\ishaa\...
- 17
1
vote
1
answer
52
views
Building sass with gulp - includePaths not having any effect
I am attempting to build a sass file that imports bootstrap from the node_modules folder.
I have added the bootstrap source folder to the includePath list.
But for some reason, the gulp compiler is ...
- 45.5k
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 ...
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 ...
- 85
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....
- 25
1
vote
2
answers
79
views
Mixin Angular 19
I don't know what this error means. It's the first time it appears to me... I'm using angular ^19.2.0 (non-standalone) with bootstrap ^5.3.8.
> X [ERROR] Undefined mixin.
╷ 15 │ ┌ @include ...
1
vote
2
answers
68
views
VS code no longer recognises css or scss files
I am using VS Code and NextJS to build the frontend for the application.
VS Code is reporting the following error:
Cannot find module or type declarations for side-effect import of
'~/styles/layout/...
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 {...
- 660
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
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, ...
- 505
0
votes
0
answers
91
views
Customize Angular Material Components using mixins to fit my UI
We (my team) recently upgraded our Angular to Version 15, and we have had many problems due to MDC- changes.
My work is to upgrade our components library to be MDC based. I noticed all the mixins ...
- 1
2
votes
0
answers
70
views
Jekyll not generating /assets/css/main.css from SCSS (404), even with front matter and relative_url
I want to build a Jekyll site with a custom dark neon theme. SCSS partials live in _sass/ and should compile into assets/css/main.css, linked in the head include.
Expected
Jekyll compiles assets/css/...
- 11
0
votes
0
answers
39
views
AngularJS + Compass project fails to run locally on Windows (grunt dev / SCSS )
I’m trying to run an old AngularJS project locally on Windows 11. The project uses:
SCSS with Compass
Pug templates
Grunt tasks (grunt dev / grunt build)
Node.js + Bower
According to the README, I ...
- 1
0
votes
1
answer
110
views
Cannot use CSS variables (var(--bs-primaryColor)) as $primary in Bootstrap SCSS – throws “is not a color” error #41746
We are trying to use dynamic colors coming from our backend to replace Bootstrap’s primary and secondary colors at runtime. Our approach is to map Bootstrap’s $primary and $secondary SCSS variables to ...
1
vote
1
answer
418
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 ...
2
votes
6
answers
637
views
Animated height without `@angular/animations`
With the latest angular version, @angular/animations is being deprecated.
I am struggling with migrating an animation in my application. This minimal example shows the animated height.
Minimal example:...
- 147
0
votes
1
answer
911
views
WARNING: Deprecation [plugin angular-sass] src/theme/global.scss
[WARNING] 2 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings. [plugin angular-sass]
angular:styles/global:styles:1:8:
1 │ @import 'src/theme/global.scss';
...
- 66.2k
0
votes
1
answer
115
views
Styles not being applied to page using spa mode in build
I have problem with my React app, using Vite and React-Router v7, in framework mode, ssr: false.
When using dev mode, all styles are being applied correctly (I'm using moduled SCSS, and one global app....
- 23
2
votes
1
answer
80
views
Change font family 'MyriadPro' for Angular material 18, in mat-tab
I'm migrating angular/material from 12 to 18, and refactoring my project css also
In Package.json:
"@angular/core": "^18.2.13",
"@angular/material": "^18.2.13",
...
- 69
2
votes
2
answers
73
views
Navbar animation flickering only on IOS Device
This is for a Navbar component that only shows up after the user scrolls to a certain section.
At start it should not take up any space in the view.
This works fine as intended.
But observing a ...
- 3,681
0
votes
1
answer
60
views
How to run dart sass?
I follow [this tutorial ion the dart sass webpage).
On an Ubuntu@Ubuntu 24.04.2 machine, I installed dart via:
#!/bin/bash
[ "$UID" -eq 0 ] || exec bash "$0" "$@"
apt-...
- 67.6k
0
votes
2
answers
74
views
Angular animations not applying to child elements [closed]
I'm new to angular animations and was following a guide on how to animate an item. This is the template
<div
#header
[@nav-header-animate] = "{
value: ...
1
vote
0
answers
42
views
Webpack changes URLs in CSS during build: how to keep original relative paths in url()
I have a CSS file with a @font-face declaration where font paths are specified as url("./icons/tficons.woff2"). However, when building with Webpack, these paths get rewritten to url(../tflex-...
- 112
0
votes
0
answers
93
views
Why do I get an undefined variable error when overriding a Bootstrap 5 variable in Sass?
We are starting a new project using Next.js and Bootstrap 5, with Sass. We are trying to create a new theme, so we created a theme.scss file:
@import '~bootstrap/scss/functions';
$primary: #005EA2;
$...
- 1