scss-lint is a tool to help keep your SCSS files clean and readable. This tag should be used only in case of problems with the tool itself and not in case of SASS / SCSS problems
Questions tagged [scss-lint]
177 questions
2
votes
1 answer
node-sass script with multiple entry points
I have a project with a structure.scss as main entry point and then each platform a second entry point. Folder Structure:
scss/
|
|-- components/ # Modular Component Files
| |-- login.scss # Structure file for Login…
Budi
- 678
- 2
- 6
- 27
2
votes
1 answer
scss: how to dynamically create variables from array
I have this
$colors:
"dark" #3E3E3E,
"darker" #3E3E3E,
"light" #ECECF0,
"green" #00A87B,
"yellow" #FFBB3B,
"red" #FF4633,
"white" #FFFFFF,
…
Omar
- 2,726
- 2
- 32
- 65
2
votes
2 answers
Pseudo-class nesting / SCSS Linter Warning
I'm relatively new to SCSS and try to improve my skills using a linter. I have this little example, where I want to display a submenu only if the parent menu-item is hovered. While this code is working, the linter gives me a "Class should be nested…
rcvd
- 51
- 1
- 6
1
vote
0 answers
I am using CSS animations, when I load/reload component/page it jerks like it's moving from right to left, after that it works fine what to do
'@keyframes slideAnimationBackLarge': {
'0%': { transform: 'translateX(15px)', opacity: 0 },
'100%': { transform: 'translateX(0)', opacity: 1 },
},
'& .iconTwo': {
position: 'absolute',
animation:…
Wasif Raza
- 11
- 2
1
vote
0 answers
Typescript + webpack cannot build scss module
I have the typescript, webpack and scss working properly, and want to bring it to the next level by enabling modules. Here is what I have:
in declaration.d.ts:
declare module '*.module.scss' {
const classes: { readonly [key: string]: string };
…
jamesdeath123
- 4,268
- 11
- 52
- 93
1
vote
1 answer
how to override angular material mat-option style
The height doesn't get bigger and the inscription gets smeared and not pretty
I have already tried many types of solutions but none of them worked I tried to do
::ng deep .mat-option{...}
But it didn't work
I tried to do
::ng-deep…
itty
- 55
- 6
1
vote
1 answer
Nuxt Build PostScc Syntax error line 1 on scss component
I have a node 18.7.0 project that uses nuxt 2.15.8. I have the following scss code inside my vue component