27,693 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
Advice
2
votes
2
replies
72
views
Rainbow lens style effect using SVG/CSS
I'm developing a website whose imagery is based on lenses, light diffusion, etc.
Currently, I've got just some generic blobs of background color to give some depth to the page, but I'd prefer to ...
0
votes
0
answers
90
views
Author not centering on title slide despite CSS rules
I'm creating a Quarto Reveal.js presentation and cannot get the author information to center on the title slide, despite having text-align: center; in my CSS. The title and subtitle center correctly, ...
2
votes
1
answer
79
views
SCSS / Angular 19 - Styles defined inside :host, that contain variables defined in other files don't get applied
Hello fellow developers!
I'm facing a problem to which I have no solution and I would require your aid to figure it out.
I have setup a theme.scss file inside an Angular 19 project, which contains ...
0
votes
0
answers
40
views
Vite/Vituum Build Fails with Persistent "Error parsing body of the with expression" (Pug Indentation/Compatibility Issue)
I am working with a Pug/SCSS template using Vite and the Vituum plugin, and I am consistently hitting a build error that seems to be related to the Pug parser's handling of template logic.
Despite ...
1
vote
2
answers
76
views
Angular import global style file fails
I have an angular v20 project.
I have implemented a class "redborder" in "src/styles.scss" file and I am trying to @use the "redborder" class from a component style file ...
Tooling
1
vote
1
replies
34
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.
1
vote
1
answer
64
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 ...
0
votes
0
answers
65
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
81
views
Conditional css class in Angular does not apply on first render
In Angular I have two equal components, but one has green-background:
home-options component html:
<section class="home-options">
<home-option
title="Encuentra tu ...
2
votes
1
answer
81
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 ...
0
votes
1
answer
57
views
Modern scss variable inheritance
We need to modernize our theme to avoid deprecations and security issues. As such, we are upgrading many node packages including webpack and sass. I'm having some trouble with inheritance.
I am very ...
0
votes
1
answer
59
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....
0
votes
0
answers
53
views
FontAwesome Upgrade FA5 to FA7 Is Blurry
We are upgrading FA5 to FA7 and it went pretty smoothly. However the icons are not as crisp, especially when white on a dark background. The below picture shows a menu starting from the left with FA5, ...
1
vote
2
answers
103
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 ...
2
votes
2
answers
110
views
Why isn’t my CSS position: sticky working? [duplicate]
I have sidenavigation, that has container as a wrapper for position: sticky and height of container is equal to next element in it`s parent flex component:
I am using Nextjs and SCSS:
export function ...