Questions tagged [sass-lint]
19 questions
16
votes
1 answer
How do I add sass-lint to my angular-cli.json file?
I'm using this seed app: https://github.com/2sic/app-tutorial-angular4-hello-dnn
I've installed sass-lint: https://www.npmjs.com/package/sass-lint
But not sure how to add this to my angular-cli.json file.
I've using angular version 4, webpack, with…
AngularM
- 15,982
- 28
- 94
- 169
6
votes
2 answers
Configuring Sass Lint for BEM
So i'm moving to writing my sass to the BEM convention. I've used the sass-lint configuration generator to create my config and only edited the class-name-format's - convention: to strictbem however I'm still having some issues with it.
Maybe I'm…
Jam3sn
- 1,077
- 4
- 17
- 35
5
votes
0 answers
Sass-lint vs Style-lint?
Which one would you recommend, Sass-lint or Style-lint? Why? (They seem to be very similar to me)
ivanasetiawan
- 879
- 1
- 10
- 26
2
votes
1 answer
How to lint SASS/SCSS on Laravel Mix
I have failed to find a solution for this. The only possible outcome I've seen so far is Laravel-Elixir-SCSS-Lint but the current download numbers doesn't indicate me this is the general choice of the public. I did look into the Laravel Mix…
altrugon
- 301
- 3
- 8
2
votes
1 answer
error Command failed with signal "SIGABRT" When running npm run sass-lint
So I installed scss-lint with Atom and npm -g sass-lint
When I run npm run sass-lint I get this strange error message:
I'm trying to run scss-lint in the terminal, however can't find documentation on what the command is...
yarn run v1.0.2
$…
Leon Gaban
- 36,509
- 115
- 332
- 529
2
votes
1 answer
Using sass-lint within npm script leads to error
I'm putting together an app using angular-cli. I'm going to write my styles in SCSS and as such I want to have linting available for my SCSS files. Node-sass is already installed when using angular-cli to create an app and I've install sass-lint…
hellsgate
- 5,905
- 5
- 32
- 47
2
votes
1 answer
sass-lint.yml disabled rules are showing as "info"s rather than absent
I've placed a sass-lint.yml file in my project to get rid of some of the pesky errors that are thrown. As I add rules I can see that sass-lint is observing them becasue the ignored errors are showing as blue info icons rather than yellow warning…
Nate May
- 3,814
- 7
- 33
- 86
1
vote
0 answers
sass-lint restrict partial BEM rule
Let's say I have a class: myclass__button-create--success.
I want to limit the usage of -create part in:
.myclass__button {
&-create {
}
}
As it's not a new block, element or modifier.
Allowed structures:
.myclass__button-create {
&--success…
BobTheBuilder
- 18,858
- 6
- 40
- 61
1
vote
2 answers
Cannot read property 'compilation' of undefined
I`ve got uncaught error, after connecting sass-lint-webpack to webpack.config.dev.js from Create React App
Simply add this to webpack.config.dev.js:
const SassLintPlugin = require('sass-lint-webpack')
and
new SassLintPlugin()
and then after run…
north.inhale
- 483
- 2
- 9
- 20
1
vote
1 answer
Atom/Sass-lint: Regex for sass-lint.yml class-name
I have a sass-lint.yml file with the following rule:
class-name-format:
- 1
- convention: '^([a-zA-Z]*)(__[a-z]+)?(-[a-z]*)*(--[a-z]+)?$'
The regex can be checked here:
https://regex101.com/r/SsVde6/2
Unfortunately I can't get it to work…
Merc
- 4,241
- 8
- 52
- 81
1
vote
1 answer
force-attribute-nesting: why sasslint gives such warnings for my scss
From the doc https://github.com/sasstools/sass-lint/blob/develop/docs/rules/force-attribute-nesting.md#force-attribute-nesting,
I changes
a[title][href] {
font-weight: bold;
}
to
a {
&[title][href] {
font-weight: bold;
}
}
But the…
aristotll
- 8,694
- 6
- 33
- 53
1
vote
3 answers
sass-lint in Visual Studio Code mixed tabs with spaces
I just installed sass-lint in my VS Code editor and I keep on getting this error for each and every property(line) I've set in my *.scss files:
[sass-lint] Mixed tabs and spaces
Indentation type in VS Code is set to tabs(4), it is set to indent…
Tanasos
- 3,928
- 4
- 33
- 63
1
vote
0 answers
how can i implement sass-lint or less-lint for jenkins
He everyone,
perhaps im asking a stupid question but i want to know if i can integrate sass-lint or less-hint with jenkins. We already have csslint implemented in jenkins. I already have search trough the internet but couldn't find anything…
Navid
- 485
- 1
- 8
- 25
0
votes
1 answer
How to Disallow Concatenated Selectors
I found this sass feature as hard to catch some missing styles and would like to lint my project on it. Here is the link to feature documentation:
https://sass-lang.com/documentation/style-rules/parent-selector#adding-suffixes
Aleksandar Djindjic
- 181
- 1
- 5
0
votes
0 answers
Why does a "-" character in a first Sass list item matter?
In a mixin that outputs ::selection styles:
@mixin selection($color, $background) {
$prefixes: '', '-moz-';
@each $prefix in $prefixes {
&::#{$prefix}selection {
color: $color;
background: $background;
}
}
}
everything…
prkos
- 449
- 4
- 12