Questions tagged [sass]
Sass (Syntactically Awesome Style Sheets) is an extension of CSS adding features like nested rules, variables, mixins and class extensions. This enables developers to write structured, manageable and reusable CSS. Sass is compiled into standard CSS. It is primarily a CSS pre-processor language that accepts both the CSS and its personalised syntax of writing visual design codes.
27,614
questions
0
votes
1
answer
18
views
Nav Bar Not Showing
Navbar.js
import React from 'react';
import { Link } from 'react-router-dom';
import './navbar.scss';
import Logo from '../../image/Logo.png';
import Admin from '../../image/eye.png';
export default ...
-1
votes
0
answers
36
views
Next JS 14 styles take 1s to load when using SCSS
I checked on the internet and all the solutions I found were when you use styled components. But I'm just using regular scss with .modules.scss files but it still taking 1s to load my styles. I sthere ...
0
votes
1
answer
29
views
multiple modifiers in BEM
I have component button
<button type="button" className="button button_size_large button_color_primary button_type_fill">
<Icon className="button__icon" type=...
0
votes
0
answers
20
views
Saving changes to .scss and .js project files doesn't trigger Parcel's HMR [duplicate]
I'm running a simple test project to learn bundling with Parcel.
OS: Windows 11
Environment: WSL2
Text editor: VS Code
Browser: Google Chrome
This is the file structure I'm running with:
/mnt/d/dev/...
0
votes
0
answers
33
views
angular v17 esbuild sass url resolve
I have different base-href-s per localizations (/de; /en; /nl ...).
In scss files I have background-image: url('assets/picture.png');, what cannot be resolved by builer. If I use path '/assets/...' ...
0
votes
1
answer
39
views
scss sass variable not working in file for background
$enable-grid-classes: false;
$enable-cssgrid:true;
$deepBlue: #032f3e;
body {
--bs-body-bg: orange ;
}
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&...
0
votes
1
answer
48
views
can I set letter-spacing globally for an angular material project
Disclaimer: I'm not very good with Angular at all but am tasked with maintaining a leftover project.
After an update from angular 13 to angular 18 (with the big hump being 14>15), I find a lot of ...
1
vote
1
answer
40
views
How to make a condition in ExtJS7 theme depending on JS logic
I have hundreds of ExtJS theme (Classic toolkit) global variables placed in ./theme/sass/var/Component.scss
Is there some way to create a condition depending on my JavaScript or Http query string ...
1
vote
1
answer
24
views
Highlight.js: Can't get the styling added to my webpage
I'm trying to get a styled block of code on my website. Highlight.js seems to be what I'm looking for. However when I run my website it doesn't show the layout.
What I've done so far:
1 install it by ...
0
votes
0
answers
17
views
Setting a transparent background on bulma hero?
How to set the background colour of a hero element in Bulma to transparent?
Version 1 of Bulma
Set the $primary variable?
This doesn't work.
$primary: transparent;
@use "../../../../libraries/...
0
votes
0
answers
28
views
Angular/CSS: How to style a component based on a built-in component's styling?
I am developing an Angular table library, and I have several components that can be used in place of the standard td or th elements. Currently, I am applying a style that applies to multiple of these ...
0
votes
0
answers
18
views
How to overwrite SCSS module's variable with new value using previous/default value
I am trying to overwrite Bulma's $breakpoints variable by introducing another breakpoints.
My issue is that I do not know how reference previous/default values defined by Bulma.
My current attempt is:
...
0
votes
0
answers
11
views
How to override mui default style for TextField component
I have a sass style for my mui TextField component:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
.input {
input {
font-family:...
0
votes
1
answer
39
views
Why are Angular Material default styles loaded in such a way as to override custom themes?
I am trying to learn Angular Material, but I'm finding the documentation inaccurate or incomplete. Based on the documentation for version 17, my main toolbar should have a yellow background:
styles....
0
votes
1
answer
33
views
PrimeNG Angular Table
I want to do some changes in my , like:
Change the fontsize
Change the button's collors and sizes
Change the size of modal
How can I do that?
I'm currently using :host ::ng-deep to these elements ...