diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2021-03-12 19:26:10 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2021-03-12 19:26:10 +0300 |
commit | 6653ccc011dec86e5140a5d09ea3b2357eab6714 (patch) | |
tree | 897193f37bcd98152a0ac214f80a3c4cfe1047c5 /doc/development/fe_guide/style/scss.md | |
parent | bff35a05aed6a31380a73c39113808fd262c2c37 (diff) |
Add latest changes from gitlab-org/gitlab@13-10-stable-eev13.10.0-rc41
Diffstat (limited to 'doc/development/fe_guide/style/scss.md')
-rw-r--r-- | doc/development/fe_guide/style/scss.md | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/doc/development/fe_guide/style/scss.md b/doc/development/fe_guide/style/scss.md index 1d0b3c2b7fc..c0817626360 100644 --- a/doc/development/fe_guide/style/scss.md +++ b/doc/development/fe_guide/style/scss.md @@ -99,7 +99,7 @@ ul { // Best // prefer an existing utility class over adding existing styles -```0 +``` Class names are also preferable to IDs. Rules that use IDs are not-reusable, as there can only be one affected element on @@ -132,16 +132,14 @@ Before adding a new variable for a color or a size, guarantee: ## Linting -We use [SCSS Lint](https://github.com/sds/scss-lint) to check for style guide conformity. It uses the -ruleset in `.scss-lint.yml`, which is located in the home directory of the -project. +We use [stylelint](https://stylelint.io) to check for style guide conformity. It uses the +ruleset in `.stylelintrc` and rules from [our SCSS configuration](https://gitlab.com/gitlab-org/frontend/gitlab-stylelint-config). `.stylelintrc` is located in the home directory of the project. -To check if any warnings are produced by your changes, run `rake -scss_lint` in the GitLab directory. SCSS Lint also runs in GitLab CI/CD to +To check if any warnings are produced by your changes, run `yarn lint:stylelint` in the GitLab directory. Stylelint also runs in GitLab CI/CD to catch any warnings. If the Rake task is throwing warnings you don't understand, SCSS Lint's -documentation includes [a full list of their linters](https://github.com/sds/scss-lint/blob/master/lib/scss_lint/linter/README.md). +documentation includes [a full list of their rules](https://stylelint.io/user-guide/rules/list). ### Fixing issues |