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.

Default SCSS shared config

See original GitHub issue

Mentioned over here https://github.com/airbnb/css/pull/23#issuecomment-264995280 is a set of default rules enabled by scss-lint.

So I was thinking we should have a default shared config for stylelint scss rules that can be extended, there are probably two approaches that could be taken:

stylelint-config-scss or stylelint-config-standard-scss <- As a standalone configuration (with either name preference)
stylelint-config-standard <- Add a set of default SCSS rules as a secondary configuration

cc @kristerkari @jeddy3

Thoughts?

Issue Analytics

State:
Created 7 years ago
Reactions:14
Comments:14 (2 by maintainers)

Top GitHub Comments

3reactions

kristerkaricommented, Jul 16, 2017

@jeddy3 I created https://github.com/kristerkari/stylelint-config-recommended-scss

You might want to have a look at it before I publish it. I wasn’t sure how I should set up dependencies vs peerDependencies, so now I have stylelint and stylelint-scss in peerDependencies.

3reactions

jesstelfordcommented, Feb 3, 2017

There already exists stylelint-config-sass-guidelines which is fairly close to the scss-lint defaults (but doesn’t cover everything due to some divergence, and some non-existent equivalents).

Top Results From Across the Web

Sass: @use

By default, the namespace is just the last component of the module's URL. ... you can use the @forward rule to forward them...

The recommended shareable SCSS config for Stylelint - GitHub

The recommended shareable SCSS config for stylelint. This config: extends the stylelint-config-recommended shared config and configures its rules for SCSS ...

stylelint-config-standard-scss - npm

The standard shareable SCSS config for Stylelint. Latest version: 6.1.0, last published: 2 months ago.

Creating Stylesheet Feature Flags With Sass !default

default is a Sass flag that indicates conditional assignment to a ... well as other shared values such as spacing, borders, font settings, ......

Sharing config variables between Node.js and Sass

import jsonImporter from 'node-sass-json-importer'; // Webpack config export default { module: { // Example sass-loader usage.