1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 03:12:42 +02:00
metamask-extension/stylelint.config.js
Mark Stacey c9dfc62123
Fix stylelint (#8169)
* Stylelint: Ignore only top-level directories

The `.stylelintignore` entries lacked leading slashes, so most of the
UI code was ignored (because it fell under the `ui/app` directory, and
`app/` was ignored.

The leading slashes ensure only the intended top-level directories are
ignored.

* Simplify stylelint rules

We use the `stylelint-config-standard` rule-set, so most commonly-used
stylelint rules are inherited from that.

Some of the removed rules were redundant, some of them were more strict
than the rules in `standard` and we hadn't been following them in
practice, and some were obsolete.

* Convert stylelint config to JavaScript

JavaScript is a bit easier than JSON to work with, as it allows
comments.

This was also done to make it easier to merge in the `stylelint-config-
standard`, which is also in JavaScript.

* Inline `stylelint-config-standard`

I intend to go through each of these rules one-by-one, which is easier
with all of these rules inlined. Selectively overriding/disabling them
would have been messy.

* Comment out rules that aren't current working

These rules have been temporarily disabled. They will be re-renabled
one-by-one as they are fixed. This was done to make it easier to split
these changes among separate PRs, as many of the rules require
extensive functional changes.

* Add `stylelint` to `lint` script

`stylelint` is now run as part of the `lint` script. There is also a
separate `lint:styles` script for running just `stylelint`.
2020-07-14 16:12:53 -03:00

121 lines
4.8 KiB
JavaScript

module.exports = {
rules: {
// stylelint-config-standard
// 'at-rule-empty-line-before': [
// 'always',
// {
// except: ['blockless-after-same-name-blockless', 'first-nested'],
// ignore: ['after-comment'],
// },
// ],
'at-rule-name-case': 'lower',
'at-rule-name-space-after': 'always-single-line',
'at-rule-semicolon-newline-after': 'always',
// 'block-closing-brace-empty-line-before': 'never',
// 'block-closing-brace-newline-after': 'always',
// 'block-closing-brace-newline-before': 'always-multi-line',
// 'block-closing-brace-space-before': 'always-single-line',
'block-opening-brace-newline-after': 'always-multi-line',
// 'block-opening-brace-space-after': 'always-single-line',
// 'block-opening-brace-space-before': 'always',
// 'color-hex-case': 'lower',
// 'color-hex-length': 'short',
// 'comment-empty-line-before': [
// 'always',
// {
// except: ['first-nested'],
// ignore: ['stylelint-commands'],
// },
// ],
// 'comment-whitespace-inside': 'always',
'custom-property-empty-line-before': [
'always',
{
except: ['after-custom-property', 'first-nested'],
ignore: ['after-comment', 'inside-single-line-block'],
},
],
'declaration-bang-space-after': 'never',
// 'declaration-bang-space-before': 'always',
// 'declaration-block-semicolon-newline-after': 'always-multi-line',
// 'declaration-block-semicolon-space-after': 'always-single-line',
'declaration-block-semicolon-space-before': 'never',
// 'declaration-block-single-line-max-declarations': 1,
// 'declaration-block-trailing-semicolon': 'always',
'declaration-colon-newline-after': 'always-multi-line',
// 'declaration-colon-space-after': 'always-single-line',
'declaration-colon-space-before': 'never',
// 'declaration-empty-line-before': [
// 'always',
// {
// except: ['after-declaration', 'first-nested'],
// ignore: ['after-comment', 'inside-single-line-block'],
// },
// ],
'function-comma-newline-after': 'always-multi-line',
// 'function-comma-space-after': 'always-single-line',
// 'function-comma-space-before': 'never',
'function-max-empty-lines': 0,
'function-name-case': 'lower',
'function-parentheses-newline-inside': 'always-multi-line',
'function-parentheses-space-inside': 'never-single-line',
'function-whitespace-after': 'always',
// indentation: 2,
// 'length-zero-no-unit': true,
// 'max-empty-lines': 1,
// 'media-feature-colon-space-after': 'always',
'media-feature-colon-space-before': 'never',
'media-feature-name-case': 'lower',
'media-feature-parentheses-space-inside': 'never',
'media-feature-range-operator-space-after': 'always',
'media-feature-range-operator-space-before': 'always',
'media-query-list-comma-newline-after': 'always-multi-line',
'media-query-list-comma-space-after': 'always-single-line',
'media-query-list-comma-space-before': 'never',
// 'no-eol-whitespace': true,
// 'no-missing-end-of-source-newline': true,
// 'number-leading-zero': 'always',
// 'number-no-trailing-zeros': true,
'property-case': 'lower',
// 'rule-empty-line-before': [
// 'always-multi-line',
// {
// except: ['first-nested'],
// ignore: ['after-comment'],
// },
// ],
'selector-attribute-brackets-space-inside': 'never',
'selector-attribute-operator-space-after': 'never',
'selector-attribute-operator-space-before': 'never',
'selector-combinator-space-after': 'always',
'selector-combinator-space-before': 'always',
'selector-descendant-combinator-no-non-space': true,
// 'selector-list-comma-newline-after': 'always',
'selector-list-comma-space-before': 'never',
'selector-max-empty-lines': 0,
'selector-pseudo-class-case': 'lower',
'selector-pseudo-class-parentheses-space-inside': 'never',
'selector-pseudo-element-case': 'lower',
// 'selector-pseudo-element-colon-notation': 'double',
'selector-type-case': 'lower',
'unit-case': 'lower',
// 'value-keyword-case': 'lower',
'value-list-comma-newline-after': 'always-multi-line',
// 'value-list-comma-space-after': 'always-single-line',
'value-list-comma-space-before': 'never',
'value-list-max-empty-lines': 0,
// custom rules
// 'color-named': 'never',
// 'font-family-name-quotes': 'always-where-recommended',
// 'font-weight-notation': 'numeric',
// 'function-url-quotes': 'always',
'value-no-vendor-prefix': true,
'value-list-comma-newline-before': 'never-multi-line',
// 'selector-attribute-quotes': 'always',
// 'selector-max-specificity': '0,5,2',
// 'max-nesting-depth': 3,
'no-unknown-animations': true,
},
}