All Questions
132 questions
1
vote
2
answers
273
views
Angular 17 - Can't find stylesheet to import (After Angular Upgrade)
I have found everything related to angular material theming, however, it's not the case.
After Angular 16 upgrade to Angular 17 I cannot import some styles from a specific node_module.
...
- 43
1
vote
0
answers
12
views
how to fix this issue: export 'GlobalStyle'.'fadeIn' (imported as 'GlobalStyle') was not found in '../../style' (possible exports: default)
I ran into an error message which was working fine till today. and Here is the error message I am facing. i am using [email protected] and [email protected].
I changes the node versions and still facing the same ...
- 35
0
votes
0
answers
51
views
My header.php file can`t see the scss file and I do not know how to solve it
my project\header.php looks like this way
<?php
/**
* The header for our theme
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @...
- 11
0
votes
0
answers
66
views
Setup SCSS with Next JS 14
I want to know a better way to set up SCSS. I followed the Next docs but my styles are taking a second to load, in development and production. There aren't many articles/blogs/YouTube videos that ...
- 1
0
votes
1
answer
214
views
Extend a scss class and keep everything the same except add !important
If I have this class in an .scss file:
.aClass {
min-height: 500px;
// ... more css properties
}
I'd like to create another class that inherits from aClass and makes the fields !important.
I ...
- 3,422
1
vote
1
answer
394
views
Call SCSS function with dynamic values
I am working in Angular and use SCSS for my styles.
I can declare a variable and reuse it later in SCSS like this:
$color-accent: #30bdff;
$color-accentLight: mix(white, $color-accent, 90%);
But what ...
- 93
0
votes
3
answers
960
views
how to make multiple pages with sass?
I want to have 2 pages with their own style using sass. now I have a main.scss file and all styles will be compiled in style.css with this command in package.json "watch:sass": "node-...
- 155
0
votes
2
answers
323
views
How to apply border to html select button?
As shown in the picture I applied a border radius for the select tag but when pressing on it the arrow button isn't taking the border radius.
(Only in Opera browser)
css:
.App select{
font-family: &...
- 541
0
votes
1
answer
83
views
Is it possible to make this geometric figure in css and html?
Is it possible to make this geometric figure in css and html? Can't find anything. Can you help me?
- 83
1
vote
2
answers
178
views
How can I refactor my scss code from import to use rule? It's not working to me
I'm doing refactor of my CSS files from @import to @use.
_foo.scss
@mixin loadFontFace($fontFamily, $fontName, $fontLocal: '', $fontLocalAlt: '', $fontWeight: 400, $fontStyle: normal, $font-variation: ...
- 11
0
votes
1
answer
35
views
PhpStorm: Add Sass/SCSS section in HTML [duplicate]
I want to mix HTML and SCSS/Sass in one file. Is there a way to make PhpStorm to respect both languages?
Something like this:
<html>
<h1>a Header</h1>
<p>some text</p>
&...
- 11
1
vote
0
answers
392
views
Bootstrap 5 on Angular: Using the SCSS @extend Function in Components
I just updated my Angular 2 Application to Bootstrap 5. And now essential things don't work anymore.
I work a lot with @extend in SCSS to keep the HTML code cleaner. In a component I use e.g.
h3 {
@...
0
votes
0
answers
157
views
how i can re-render the scss after changing the value of varible
i wont to duplicate the code to got works
here is the full code:
https://codepen.io/mosaababorkia/pen/dymVVmY
you can visit the code and there you see that my media query always i was duplicate the ...
0
votes
1
answer
149
views
React custom compnent css modules vs global css
I need to make a clarification here.
I have used sass for styling. I went along only with editing custom.scss file.
Say I create an enterprice level project,say E commerce site.
Is it a best practise ...
- 1
0
votes
1
answer
122
views
use sass styles globally in Vue.js
I tried to use sass globally in the vue.js app using this method :
const { defineConfig } = require('@vue/cli-service')
module.exports = {
css:{
loaderOptions:{
sass:{
...
- 11