@yoo-digital/stylelint-config-css 1.0.0-canary.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 YOO AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# YOO Stylelint Configuration for CSS Projects
+
+[![npm version](https://badge.fury.io/js/%40yoo-digital%2Fstylelint-config-css.svg)](https://www.npmjs.com/package/@yoo-digital/stylelint-config-css)
+
+Contains the settings and rules used for CSS projects within YOO.
+It is publicly available via the npm registry.
+
+❗ Should be used in combination with our [Prettier config](https://github.com/yoo-digital/config/tree/main/packages/prettier).
+
+## Motivation
+
+Every developer can and should contribute to this repository. It should be in everyone's interest to improve the developer experience @ YOO. Amendments or changes can be introduced in our monthly guild meetings.
+
+## Usage
+
+**Be aware**: The _stylelint_ package is listed as a peer dependency. The versions might collide in your project. Always try to use the latest versions of _stylelint_ in your project. Please check the changelog to see which _stylelint_ version this package is compatible with.
+
+After installing the packages, you can create a `.stylelintrc.js` file in the root of your project and add the following lines:
+
+```javascript
+module.exports = {
+  extends: '@yoo-digital/stylelint-config-css',
+};
+```
+
+You can apply your own set of rules on top of that, but do not turn off any of the rules,
+except it is an obstacle and making your life harder. Check the chapter below, for a complete set of rules
+that can be applied.

package/index.js

@@ -0,0 +1,91 @@
+module.exports = {
+  extends: ['stylelint-config-standard', 'stylelint-config-property-sort-order-smacss'],
+  plugins: ['stylelint-order'],
+  rules: {
+    'at-rule-no-vendor-prefix': true,
+    'media-feature-name-no-vendor-prefix': true,
+    'property-no-vendor-prefix': true,
+    'selector-no-vendor-prefix': true,
+    'value-no-vendor-prefix': true,
+    'color-hex-length': 'long',
+    'comment-empty-line-before': null,
+    'custom-property-empty-line-before': null,
+    'declaration-no-important': true,
+    'declaration-property-value-disallowed-list': {
+      '/^border/': 'none',
+    },
+    'function-url-quotes': 'always',
+    'font-weight-notation': 'numeric',
+    'font-family-name-quotes': 'always-where-recommended',
+    'max-nesting-depth': 3,
+    // Configuration options:
+    // https://github.com/hudochenkov/stylelint-order/blob/master/rules/order/README.md
+    'order/order': [
+      ['custom-properties', 'declarations', 'rules', 'at-rules'],
+      {
+        unspecified: 'ignore',
+        disableFix: true,
+      },
+    ],
+    'selector-class-pattern': [
+      '^[a-z][a-z0-9-_]+$',
+      {
+        message: 'Expected class selector to be kebab-case or follow BEM __ --',
+      },
+    ],
+    'selector-id-pattern': [
+      '^[a-z][a-z0-9-_]+$',
+      {
+        message: 'Expected id selector to be kebab-case or follow BEM __ --',
+      },
+    ],
+    'selector-attribute-quotes': 'always',
+    'selector-max-compound-selectors': 4,
+    'selector-max-id': 0,
+    'selector-max-specificity': '0,4,1',
+    'selector-max-type': [
+      1,
+      {
+        ignoreTypes: ['/fieldset/'],
+      },
+    ],
+    'selector-max-universal': 0,
+    'selector-no-qualifying-type': true,
+    'no-descending-specificity': null,
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: [
+          'global',
+
+          // For webpack support:
+          // https://til.hashrocket.com/posts/sxbrscjuqu-share-scss-variables-with-javascript
+          'export',
+        ],
+      },
+    ],
+    'value-keyword-case': [
+      'lower',
+      {
+        camelCaseSvgKeywords: true,
+      },
+    ],
+    'length-zero-no-unit': [
+      true,
+      {
+        ignore: ['custom-properties'],
+      },
+    ],
+  },
+  // Allow .camelCase for modules
+  // See: https://github.com/stylelint/stylelint/issues/3259#issuecomment-656717023
+  overrides: [
+    {
+      files: ['**/*.module.css'],
+      rules: {
+        'selector-class-pattern': '^[a-z][a-zA-Z0-9_-]+$',
+        'selector-id-pattern': '^[a-z][a-zA-Z0-9_-]+$',
+      },
+    },
+  ],
+};

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@yoo-digital/stylelint-config-css",
+  "description": "Stylelint configuration file containing rules for CSS projects",
+  "version": "1.0.0-canary.0",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "CSS",
+    "stylelint",
+    "stylelint-config"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:yoo-digital/config.git",
+    "directory": "packages/stylelint-config-css"
+  },
+  "author": {
+    "name": "YOO AG",
+    "email": "info@yoo.digital",
+    "url": "https://www.yoo.digital/"
+  },
+  "contributors": [
+    {
+      "name": "Björn Bühler",
+      "email": "bjoern.buehler@yoo.digital"
+    },
+    {
+      "name": "Cédric Madörin",
+      "email": "cedric.madoerin@yoo.digital"
+    },
+    {
+      "name": "Daniel Kohler",
+      "email": "daniel.kohler@yoo.digital"
+    },
+    {
+      "name": "Emanuel Marsicovetere",
+      "email": "emanuel.marsicovetere@yoo.digital"
+    },
+    {
+      "name": "Hervé Brunner",
+      "email": "herve.brunner@yoo.digital"
+    },
+    {
+      "name": "Kelvin Louis",
+      "email": "kelvin.louis@yoo.digital"
+    },
+    {
+      "name": "Robin Hahne",
+      "email": "robin.hahne@yoo.digital"
+    },
+    {
+      "name": "Sacha Schmid",
+      "email": "sacha.schmid@yoo.digital"
+    },
+    {
+      "name": "Tobias Maier",
+      "email": "tobias.maier@yoo.digital"
+    },
+    {
+      "name": "Tobias Wahl",
+      "email": "tobias.wahl@yoo.digital"
+    },
+    {
+      "name": "Yanick Recher",
+      "email": "yanick.recher@yoo.digital"
+    }
+  ],
+  "main": "index.js",
+  "files": [
+    "index.js",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "lint": "stylelint \"__test__/**/*.css\""
+  },
+  "engines": {
+    "node": ">= 18",
+    "npm": ">= 8"
+  },
+  "dependencies": {
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-order": "^7.0.0",
+    "stylelint-config-property-sort-order-smacss": "~11.1.0"
+  },
+  "peerDependencies": {
+    "stylelint": "^17"
+  },
+  "devDependencies": {
+    "@yoo-digital/prettier": "~1.3.0-canary.0",
+    "stylelint": "^17"
+  },
+  "prettier": "@yoo-digital/prettier"
+}