Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

add stylelint-scss for stylelint

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

selector-no-redundant-nesting-selector rule can prevent extra &

What does the proposed API look like?

This is a css style lint requirement

Issue Analytics

State:
Created 3 years ago
Comments:14 (14 by maintainers)

Top GitHub Comments

2reactions

kaysonwucommented, May 19, 2020

Well, not so much!

@afc163 If I add this plugin, I will modify the following files:

$ yarn lint:style
yarn run v1.21.1
$ stylelint {site,components}/**/*.less --syntax less

components/avatar/style/index.less
 36:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/breadcrumb/style/index.less
 24:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 31:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/button/style/mixin.less
  39:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  44:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  53:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  58:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  73:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  76:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  85:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  88:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 102:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 103:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 106:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 110:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 111:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 116:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 125:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 126:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 129:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 133:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 134:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 139:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 286:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 292:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 301:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 307:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 322:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 325:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 330:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 333:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 368:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 374:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 381:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 411:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/button/style/rtl.less
 59:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/card/style/index.less
 154:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/carousel/style/index.less
 214:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/checkbox/style/mixin.less
 137:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/collapse/style/index.less
  19:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  44:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  67:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 130:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/collapse/style/rtl.less
 19:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/comment/style/index.less
 41:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 42:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/comment/style/rtl.less
 20:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 21:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/dropdown/style/index.less
 121:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 127:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/empty/style/index.less
  57:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  83:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 113:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 126:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/form/style/index.less
 113:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 116:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/form/style/status.less
 97:11  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/input/style/mixin.less
  19:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  22:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  92:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
  99:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 103:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 107:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 118:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 119:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 120:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 121:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 122:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 123:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 124:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 137:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 142:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 146:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 147:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 148:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 149:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 150:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 151:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 152:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 157:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 158:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 159:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 160:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 161:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 162:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 163:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 164:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 171:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/input/style/rtl.less
 132:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 140:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 141:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 142:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 143:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 144:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 145:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 146:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 155:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 156:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 157:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 158:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 159:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 160:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 161:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 162:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 241:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/input/style/search-input.less
 79:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/input-number/style/index.less
 55:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/layout/style/index.less
 92:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/list/style/customize.less
 8:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/list/style/index.less
 101:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 111:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/list/style/rtl.less
 40:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/mentions/style/index.less
 63:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/menu/style/index.less
 523:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 524:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 531:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/menu/style/rtl.less
 155:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/notification/style/index.less
 127:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 130:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/radio/style/index.less
 150:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/select/style/single.less
 30:9  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/skeleton/style/index.less
 77:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/skeleton/style/rtl.less
 23:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

components/steps/style/index.less
 149:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 172:7  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

site/theme/static/common.less
 217:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

site/theme/template/Layout/Header/Navigation.less
 14:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 15:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 27:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 31:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 36:5  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 45:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector
 46:3  ×  Unnecessary nesting selector (&)   scss/selector-no-redundant-nesting-selector

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

1reaction

kaysonwucommented, May 19, 2020

not found stylelint-less, It doesn’t matter what the name is. It’s important that the rules apply. See https://github.com/kristerkari/stylelint-scss#purpose

Top Results From Across the Web

Getting started | Stylelint

1. Use npm to install Stylelint and the shared config: npm install --save-dev stylelint stylelint-config-standard-scss · 2. Create a .stylelintrc.json ...

stylelint-scss - npm

A collection of SCSS specific rules for Stylelint. ... Start using stylelint-scss in your project by running `npm i stylelint-scss`.

A collection of SCSS specific linting rules for Stylelint - GitHub

Create the .stylelintrc.json config file (or open the existing one), add stylelint-scss to the plugins array and the rules you need to the...

How to lint SCSS with stylelint - Medium

Once you have a .stylelintrc.json file set up with some lint rules, you can run stylelint on your SCSS files with the following...

Level up your CSS linting using Stylelint - LogRocket Blog

Level up your CSS, SCSS, and Sass linting skills and improve your code quality using this advanced guide on Stylelint.