Merge pull request #1243 from CleverCloud/stylelint/fix-custom-syntax

Stylelint: fix random errors in IDE related to custom syntax

.github/workflows/test-and-build.yml

@@ -33,7 +33,7 @@ jobs:
       - name: '[Code quality] Check types imports'
         run: npm run components:check-type-imports
       - name: '[Code quality] Check Stylelint'
-        run: npm run stylelint:ci
+        run: npm run stylelint
       - name: '[Code quality] Check Prettier (formatting)'
         run: npm run format:check
       - name: '[Code quality] Check i18n'

.stylelintrc.json

@@ -1,7 +1,7 @@
 {
   "extends": ["stylelint-config-standard"],
   "plugins": ["stylelint-order"],
-  "customSyntax": "postcss-lit",
+  "customSyntax": "postcss-styled-syntax",
   "rules": {
     "order/properties-alphabetical-order": true,
     "no-duplicate-selectors": true,
@@ -15,7 +15,8 @@
     "rule-empty-line-before": [
       "always-multi-line",
       {
-        "except": ["first-nested"]
+        "except": ["first-nested", "after-single-line-comment"],
+        "ignore": ["after-comment"]
       }
     ],
     "selector-pseudo-element-colon-notation": "double",

docs/contributing/tasks.md

@@ -35,8 +35,8 @@ This project provides a series of tasks you can run as [npm scripts](https://doc
 
 * Upload all assets in `cdn-ui` to the preview CDN remote object storage.
 * You can get more details by reading:
-  * [the documentation about the preview](https://www.clever-cloud.com/doc/clever-components/?path=/docs/%F0%9F%91%8B-contributing-previews--docs). 
-  * [the documentation about the release](https://www.clever-cloud.com/doc/clever-components/?path=/docs/%F0%9F%91%8B-contributing-release--docs). 
+  * [the documentation about the preview](https://www.clever-cloud.com/doc/clever-components/?path=/docs/%F0%9F%91%8B-contributing-previews--docs).
+  * [the documentation about the release](https://www.clever-cloud.com/doc/clever-components/?path=/docs/%F0%9F%91%8B-contributing-release--docs).
 
 ## `npm run cdn-release:build`
 
@@ -172,10 +172,6 @@ This project provides a series of tasks you can run as [npm scripts](https://doc
 
 Check the CSS of our components with [Stylelint](https://stylelint.io/).
 
-## `npm run stylelint:ci`
-
-Used by our GitHub action to check our CSS and report errors.
-
 ## `npm run stylelint:fix`
 
 Check the CSS of our components with [Stylelint](https://stylelint.io/) and fix errors automatically when it's possible.