@nice-move/stylelint-config 0.6.12 → 0.6.15

package/README.md

@@ -13,6 +13,15 @@ A [stylelint] config created by personal preferences.
 [github-badge]: https://img.shields.io/npm/l/@nice-move/stylelint-config.svg?style=flat-square&colorB=blue&logo=github
 [node-badge]: https://img.shields.io/node/v/@nice-move/stylelint-config.svg?style=flat-square&colorB=green&logo=node.js
 
+## Supports
+
+- Stylesheet in \*.{vue,html,htm,svg,md}
+- [SCSS syntax](https://sass-lang.com/documentation/syntax#scss) / [Less syntax](https://lesscss.org/#overview)
+- [CSS Modules exceptions - :global / :local](https://github.com/css-modules/css-modules#exceptions) in \*.module.{css,scss,less}, \*.vue
+- [Interoperable CSS (ICSS) - :export](https://github.com/css-modules/icss#export) in \*.module.{css,scss,less}, \*.vue
+- [Tailwind CSS](https://tailwindcss.com/) at rules when `tailwindcss` installed
+- Mini Progarm Stylesheet limitation when needed
+
 ## Installation
 
 ```bash
@@ -34,10 +43,10 @@ Add to package.json
 
 Then run
 
-```bash
-stylelint --fix **/*.{vue,css,less,scss,html,htm,svg,md}
+```sh
+stylelint --fix "**/*.{css,less,scss,vue,html,htm,md}"
 ```
 
 ## Tips
 
-Some rules that covering by [garou](https://github.com/nice-move/garou) are disabled.
+Some rules that covering by [Prettier](https://prettier.io/) / [Garou](https://github.com/nice-move/garou) are disabled.

package/index.cjs

@@ -17,6 +17,7 @@ module.exports = {
     ...isMiniApp({
       'selector-type-no-unknown': [true, { ignoreTypes: ['page'] }],
       'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }],
+      'selector-disallowed-list': ['*', /^(?!page)[A-Za-z]+$/, /[/:\\]/],
     }),
   },
   overrides: [
@@ -28,6 +29,7 @@ module.exports = {
         require.resolve('./lib/scss.cjs'),
         require.resolve('./lib/base.cjs'),
         require.resolve('stylelint-config-prettier'),
+        require.resolve('stylelint-config-prettier-scss'),
       ],
       rules: {
         'at-rule-no-unknown': null,
@@ -42,6 +44,7 @@ module.exports = {
       customSyntax: 'postcss-html',
       rules: {
         'at-rule-no-unknown': null,
+        'no-empty-source': null,
       },
     },
     {

package/lib/base.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const { AT_RULE_NO_UNKNOWN } = require('./utils.cjs');
+const { FUNCTION_NO_UNKNOWN, AT_RULE_NO_UNKNOWN } = require('./utils.cjs');
 
 module.exports = {
   rules: {
@@ -24,6 +24,7 @@ module.exports = {
       },
     ],
     'function-url-quotes': 'always',
+    'function-no-unknown': FUNCTION_NO_UNKNOWN,
     'max-nesting-depth': [5, { severity: 'warning' }],
     'no-duplicate-selectors': [true, { severity: 'warning' }],
     'number-max-precision': [4, { severity: 'warning' }],

package/lib/ignore.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 const { join } = require('path');
-
 const { readJson, getPkg } = require('settingz');
 
 function ignoreList() {
@@ -14,6 +13,7 @@ function BestShot() {
   const { git = [], stylelint = git } = readJson(
     '@best-shot/cli/config/ignore.json',
   );
+
   return stylelint;
 }
 

package/lib/scss.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const { AT_RULE_NO_UNKNOWN } = require('./utils.cjs');
+const { AT_RULE_NO_UNKNOWN, FUNCTION_NO_UNKNOWN } = require('./utils.cjs');
 
 const loose = {
   severity: 'warning',
@@ -8,7 +8,6 @@ const loose = {
 
 module.exports = {
   rules: {
-    'scss/at-import-no-partial-leading-underscore': null,
     'scss/at-import-partial-extension': 'always',
     'scss/at-rule-no-unknown': AT_RULE_NO_UNKNOWN,
     'scss/declaration-nested-properties': 'never',
@@ -21,35 +20,10 @@ module.exports = {
       },
     ],
     'scss/selector-no-redundant-nesting-selector': true,
+    'scss/function-no-unknown': FUNCTION_NO_UNKNOWN,
 
     // off -------------
-    'scss/at-function-pattern': null,
-    'scss/at-mixin-pattern': null,
-    'scss/dollar-variable-pattern': null,
-    'scss/percent-placeholder-pattern': null,
-
-    'scss/double-slash-comment-whitespace-inside': null,
+    'scss/at-import-no-partial-leading-underscore': null,
     'scss/declaration-nested-properties-no-divided-groups': null,
-
-    // prettier -----
-    'scss/at-else-closing-brace-space-after': null,
-    'scss/at-else-empty-line-before': null,
-    'scss/at-else-if-parentheses-space-before': null,
-    'scss/at-function-parentheses-space-before': null,
-    'scss/at-if-closing-brace-space-after': null,
-    'scss/at-mixin-parentheses-space-before': null,
-    'scss/dollar-variable-colon-space-after': null,
-    'scss/dollar-variable-colon-space-before': null,
-    'scss/operator-no-newline-after': null,
-    'scss/operator-no-newline-before': null,
-    'scss/operator-no-unspaced': null,
-    'scss/at-else-closing-brace-newline-after': null,
-    'scss/at-if-closing-brace-newline-after': null,
-
-    // garou -------------
-    'scss/double-slash-comment-empty-line-before': null,
-    'scss/dollar-variable-empty-line-before': null,
-    'scss/at-rule-conditional-no-parentheses': null,
-    'scss/at-mixin-argumentless-call-parentheses': null,
   },
 };

package/lib/utils.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const { isReachable } = require('settingz');
+const { isReachable, haveLocalDependencies } = require('settingz');
 
 // eslint-disable-next-line consistent-return
 function isMiniApp(value) {
@@ -13,11 +13,30 @@ function isMiniApp(value) {
   }
 }
 
-const AT_RULE_NO_UNKNOWN = isReachable('tailwindcss/package.json')
-  ? [true, { ignoreAtRules: ['tailwind', 'layer', 'apply'] }]
+const tailwind = haveLocalDependencies('tailwindcss');
+
+const AT_RULE_NO_UNKNOWN = tailwind
+  ? [
+      true,
+      {
+        ignoreAtRules: [
+          'tailwind',
+          'apply',
+          'layer',
+          'variants',
+          'responsive',
+          'screen',
+        ],
+      },
+    ]
+  : true;
+
+const FUNCTION_NO_UNKNOWN = tailwind
+  ? [true, { ignoreFunctions: ['theme'] }]
   : true;
 
 module.exports = {
   isMiniApp,
   AT_RULE_NO_UNKNOWN,
+  FUNCTION_NO_UNKNOWN,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-move/stylelint-config",
-  "version": "0.6.12",
+  "version": "0.6.15",
   "description": "A `stylelint` config created by personal preferences",
   "license": "MIT",
   "author": {
@@ -29,17 +29,20 @@
   },
   "main": "index.cjs",
   "dependencies": {
+    "postcss": "^8.4.12",
     "postcss-html": "^1.3.0",
-    "postcss-less": "^5.0.0",
+    "postcss-less": "^6.0.0",
     "postcss-markdown": "^1.2.0",
-    "settingz": "^0.1.2",
+    "settingz": "^0.1.7",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended-scss": "^5.0.2",
-    "stylelint-config-standard": "^24.0.0",
-    "stylelint-declaration-block-no-ignored-properties": "^2.5.0"
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-recommended-scss": "^6.0.0",
+    "stylelint-config-standard": "^25.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.5.0",
+    "stylelint-scss": "^4.2.0"
   },
   "peerDependencies": {
-    "stylelint": "^14.1.0"
+    "stylelint": "^14.6.0"
   },
   "engines": {
     "node": "^12.22.0 || ^14.17.0 || >=16.13.0"