Add scss linter in web console (#7365)

* Add SCSS linter

* Fixed SCSS styles
This commit is contained in:
Qi Shu 2019-03-28 17:32:01 -07:00 committed by Clint Wylie
parent ad7862c58a
commit be1d7f885b
7 changed files with 32 additions and 13 deletions

View File

@ -0,0 +1,17 @@
{
"plugins": [
"stylelint-scss"
],
"defaultSeverity": "error",
"extends": "stylelint-config-recommended-scss",
"rules": {
"indentation": 2,
"at-rule-no-unknown": null,
"scss/at-rule-no-unknown": true,
"scss/at-import-no-partial-leading-underscore": true,
"scss/dollar-variable-colon-space-after": "always",
"scss/dollar-variable-colon-space-before": "never",
"no-descending-specificity": null,
"no-missing-end-of-source-newline": true
}
}

View File

@ -16,7 +16,8 @@
"test": "jest --silent 2>&1", "test": "jest --silent 2>&1",
"generate-licenses-file": "license-checker --production --json --out licenses.json", "generate-licenses-file": "license-checker --production --json --out licenses.json",
"check-licenses": "license-checker --production --onlyAllow 'Apache-1.1;Apache-2.0;BSD-2-Clause;BSD-3-Clause;MIT;CC0-1.0' --summary", "check-licenses": "license-checker --production --onlyAllow 'Apache-1.1;Apache-2.0;BSD-2-Clause;BSD-3-Clause;MIT;CC0-1.0' --summary",
"start": "webpack-dev-server --hot --open" "start": "webpack-dev-server --hot --open",
"stylelint": "stylelint 'src/**/*.scss'"
}, },
"dependencies": { "dependencies": {
"@blueprintjs/core": "1.0.1", "@blueprintjs/core": "1.0.1",
@ -66,6 +67,9 @@
"postcss-preset-env": "^6.5.0", "postcss-preset-env": "^6.5.0",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"stylelint": "^9.10.1",
"stylelint-config-recommended-scss": "^3.2.0",
"stylelint-scss": "^3.5.4",
"stylus": "^0.54.5", "stylus": "^0.54.5",
"ts-jest": "^23.10.5", "ts-jest": "^23.10.5",
"ts-loader": "^5.3.3", "ts-loader": "^5.3.3",

View File

@ -16,7 +16,7 @@
* limitations under the License. * limitations under the License.
*/ */
.rule-editor { .rule-editor {
.right { .right {
text-align: right; text-align: right;
} }
@ -24,12 +24,10 @@
margin-bottom: 20px; margin-bottom: 20px;
.title { .title {
display: flex; display: flex;
.spacer { .spacer {
flex: 1; flex: 1;
} }
} }
} }