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
45
votes
6 answers
Include `.scss` file in another `.scss` file?
How can I Include .scss file in another .scss file?
I was trying to write this in a file:
app.scss:
@include('buttons');
@include('dropzone');
body {
background: $primaryColor;
overflow-x: hidden; /*Clip the left/right edges of the content…
osherdo
- 558
- 1
- 7
- 14
15
votes
2 answers
How to remove WebStorm sass-lint error "Unknown pseudo selector 'ng-deep'"
Angular 2+ with scss and ::ng-deep in WebStorm highlights this selector with text "Unknown pseudo selector 'ng-deep'"
I tried something like:
selector-pseudo-class-no-unknown: true
ignorePseudoClasses:…
Adam Michalski
- 1,722
- 1
- 17
- 38
13
votes
2 answers
any tools to automatically fix the complaints of scss-lint?
I use the scss-lint gem and just reordered and nested all my scss files to dissolve the complaints of the linter.
It's a lot of tedious work that should be automated but after searching quite a while i didn't find any tools that resolves the orders…
StandardNerd
- 4,093
- 9
- 46
- 77
11
votes
2 answers
SCSS auto-suggestion on VS code
I am new to SCSS and have just started a new project, as you can see below I have declared 4 variables in Global.scss but after import it to another scss file, I was unable to get any auto-suggestion as I was assigning those variables.
Am I missing…
Jim_Mcdonalds
- 426
- 5
- 15
11
votes
2 answers
Why do the styles appear embedded on inspect element in Angular 2
I downloaded a free HTML theme named dashgum from the internet. I'm implementing it for an Angular2 application using angular-cli. I converted the css files to .scss and pasted the code to the angular application. I then imported the files in the…
UsamaMan
- 695
- 10
- 28
10
votes
1 answer
Angular-CLI sass Source Map
ng serve compiles my app, but when I'm inspecting the html, the source of the CSS seems to be (style)...(/style).
Does anybody knows how to configure sass source map via Angular-CLI ?
Nir Krevner
- 241
- 3
- 6
9
votes
2 answers
Bootstrap 5 + SASS error: undefined MIXIN @include _assert-ascending
I'm learning SCSS following a freecodecamp tutorial, but I keep getting the following error on the CLI for live sass: watch:
Error: Undefined mixin.
╷
320 │ @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
│…
Joe Rodriguez
- 91
- 1
- 3
8
votes
1 answer
Add exclude option to scss_lint gem for UrlFormat
I'm using gem scss_lint for scss linting. The issue I'm having is that I have variables in some of my strings in the css for the url so the linter reports an error:
I think there should be a way to exclude certain things in the check. I see that…
ethikz
- 379
- 4
- 24
6
votes
4 answers
Ionic4 Background Image
Is there a way to have an image as background on IONIC4? I can't find anywhere on the documentation and any CSS class I apply doesn't work. There is a host property that always takes over the background.
I tried setting the ion-content to a…
MrRobot
- 1,001
- 1
- 14
- 34
6
votes
3 answers
possible to import SASS file in SCSS?
styles.scss
@import 'packages/bulma.sass';
bulma.sass
@charset "utf-8"
/*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
@import "sass/utilities/_all"
@import "sass/base/_all"
@import "sass/elements/_all"
@import…
Omar
- 2,726
- 2
- 32
- 65
6
votes
1 answer
How can I use the key name instead of value in map-get?
I am trying to create a function that simply enables me to output the key name and key value of a simple two-dimensional map in CSS:
$people: (
"Hellen": (
age: "34",
sex: "female"
),
"Patrick": (
age: "23",
…
HGB
- 2,157
- 8
- 43
- 74
5
votes
6 answers
how to include sass file in reactjs
I use browserify to transform my code now getting error while the sass files were getting imported
@import parse error
Can any one help me to sort this issue how to use and integrate
NAVEED
- 95
- 1
- 1
- 9
5
votes
1 answer
Installing scss-lint with npm without Python
I'm trying to get gulp-scss-lint to work on my machine, but having trouble doing so.
Context
I have a feeling specific versions and environment settings may be important to my issue, so let me list my specific context:
Windows Server 2012 R2…
Jeroen
- 60,696
- 40
- 206
- 339
4
votes
2 answers
Webpack - use CopyWebpackPlugin for scss files
I want to convert some files from *.scss extension to *.css one and then copy them to the target folder .
These files aren't a part of a module so I can't import them by the *.scss loader (i.e import "myStyle.scss").
I know how to copy files by the…
URL87
- 10,667
- 35
- 107
- 174
3
votes
2 answers
SassError: Undefined variable in VueJS
I am stuck at this problem and would like some help. I tried searching for a similar issue, though couldn't find a proper solution. The problem is pretty simple: my components cannot access my variables.scss file unless I import it directly - that…
ElenaLj
- 95
- 2
- 7