@alexlit/config-stylelint 7.1.3 → 7.3.0

package/.stylelintrc.js

@@ -42,6 +42,7 @@ module.exports = {
       'always',
       {
         except: ['blockless-after-same-name-blockless', 'first-nested'],
+        ignoreAtRules: ['else'],
       },
     ],
 
@@ -57,12 +58,13 @@ module.exports = {
     'custom-property-empty-line-before': [
       'always',
       {
-        except: ['after-custom-property', 'first-nested'],
+        except: ['after-comment', 'after-custom-property', 'first-nested'],
       },
     ],
 
     'custom-property-pattern': '^[a-z]+(-{1,2}[a-z]+)*$',
     'declaration-block-no-redundant-longhand-properties': null,
+    'font-family-name-quotes': 'always-unless-keyword',
     'function-url-quotes': 'always',
     'function-url-scheme-disallowed-list': ['/^data/', 'ftp', '/^http/'],
     'hue-degree-notation': 'angle',

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [7.3.0](https://github.com/alex-lit/config-stylelint/compare/v7.2.2...v7.3.0) (2021-09-15)
+
+## [7.2.2](https://github.com/alex-lit/config-stylelint/compare/v7.2.1...v7.2.2) (2021-09-14)
+
+## [7.2.1](https://github.com/alex-lit/config-stylelint/compare/v7.2.0...v7.2.1) (2021-09-10)
+
+# [7.2.0](https://github.com/alex-lit/config-stylelint/compare/v7.1.3...v7.2.0) (2021-09-10)
+
 ## [7.1.3](https://github.com/alex-lit/config-stylelint/compare/v7.1.2...v7.1.3) (2021-09-03)
 
 ## [7.1.2](https://github.com/alex-lit/config-stylelint/compare/v7.1.1...v7.1.2) (2021-09-01)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-stylelint",
-  "version": "7.1.3",
+  "version": "7.3.0",
   "private": false,
   "description": "Stylelint config",
   "keywords": [
@@ -50,10 +50,10 @@
     "stylelint-no-indistinguishable-colors": "^1.3.0",
     "stylelint-no-nested-media": "^0.1.0",
     "stylelint-no-unresolved-module": "^1.1.1",
-    "stylelint-no-unsupported-browser-features": "^5.0.1",
+    "stylelint-no-unsupported-browser-features": "^5.0.2",
     "stylelint-order": "^4.1.0",
     "stylelint-prettier": "^1.2.0",
-    "stylelint-scss": "^3.20.1",
+    "stylelint-scss": "^3.21.0",
     "stylelint-selector-no-empty": "^1.0.8",
     "stylelint-use-logical-spec": "^3.2.2",
     "stylelint-use-nesting": "^3.0.0"

package/plugins/at-rule-no-children.js

@@ -7,7 +7,7 @@ module.exports = {
   rules: {
     'aditayvm/at-rule-no-children': [
       {
-        ignore: ['for', 'each', 'while'],
+        ignore: ['at-root', 'for', 'each', 'nest', 'while'],
         severity: 'error',
       },
     ],

package/plugins/csstree-validator.js

@@ -7,7 +7,7 @@ module.exports = {
 
   rules: {
     'csstree/validator': {
-      ignoreValue: /^(clamp|max|min|scale-color|v-bind)\(/,
+      ignoreValue: /^(clamp|max|min|quote|scale-color|unquote|v-bind)\(/,
 
       properties: {
         'content-visibility': 'visible | auto | hidden', // webkit

package/plugins/order.js

@@ -8,64 +8,64 @@ module.exports = {
   rules: {
     'order/order': [
       /**
-       * SASS extend
+       * SASS variables
        *
        * @example
        *   ```scss
        *   .my-component {
-       *     @extend .custom-class;
+       *     $color: red;
        *   }
        *   ```;
        */
-      { name: 'extend', type: 'at-rule' },
+      'dollar-variables',
 
       /**
-       * SASS include
+       * LESS variables
        *
        * @example
        *   ```scss
        *   .my-component {
-       *     @include mixins;
+       *     @color: red;
        *   }
        *   ```;
        */
-      { name: 'include', type: 'at-rule' },
+      'at-variables',
 
       /**
-       * Tailwind apply
+       * SASS extend
        *
        * @example
        *   ```scss
        *   .my-component {
-       *     @apply z-50 z-10 container text-left md:text-center justify-center;
+       *     @extend .custom-class;
        *   }
        *   ```;
        */
-      { name: 'apply', type: 'at-rule' },
+      { name: 'extend', type: 'at-rule' },
 
       /**
-       * SASS variables
+       * SASS include
        *
        * @example
        *   ```scss
        *   .my-component {
-       *     $color: red;
+       *     @include mixins;
        *   }
        *   ```;
        */
-      'dollar-variables',
+      { name: 'include', type: 'at-rule' },
 
       /**
-       * LESS variables
+       * Tailwind apply
        *
        * @example
        *   ```scss
        *   .my-component {
-       *     @color: red;
+       *     @apply z-50 z-10 container text-left md:text-center justify-center;
        *   }
        *   ```;
        */
-      'at-variables',
+      { name: 'apply', type: 'at-rule' },
 
       /**
        * CSS

package/plugins/scss.js

@@ -8,21 +8,48 @@ module.exports = {
   plugins: ['stylelint-scss'],
 
   rules: {
+    'scss/at-else-if-parentheses-space-before': 'always',
     'scss/at-extend-no-missing-placeholder': true,
     'scss/at-function-pattern': KEBAB_CASE_PATTERN,
+    'scss/at-if-no-null': true,
     'scss/at-import-no-partial-leading-underscore': true,
-    'scss/at-import-partial-extension-blacklist': ['scss'],
+    'scss/at-import-partial-extension': 'always',
+    'scss/at-mixin-argumentless-call-parentheses': 'always',
+    'scss/at-mixin-named-arguments': 'always',
+    'scss/at-mixin-parentheses-space-before': 'never',
     'scss/at-mixin-pattern': KEBAB_CASE_PATTERN,
+    'scss/at-rule-conditional-no-parentheses': true,
     'scss/at-rule-no-unknown': [true, { ignoreAtRules: ['container'] }],
     'scss/comment-no-empty': true,
     'scss/comment-no-loud': null,
     'scss/declaration-nested-properties': 'never',
     'scss/declaration-nested-properties-no-divided-groups': true,
+    'scss/dimension-no-non-numeric-values': true,
+    'scss/dollar-variable-default': [true, { ignore: 'local' }],
+
+    'scss/dollar-variable-empty-line-before': [
+      'always',
+      { except: ['first-nested', 'after-comment', 'after-dollar-variable'] },
+    ],
+
+    'scss/dollar-variable-first-in-block': [
+      true,
+      {
+        except: [],
+        ignore: ['comments', 'imports'],
+      },
+    ],
+
+    'scss/dollar-variable-no-missing-interpolation': true,
     'scss/dollar-variable-pattern': KEBAB_CASE_PATTERN,
     'scss/double-slash-comment-whitespace-inside': 'always',
     'scss/function-color-relative': true,
+    'scss/function-quote-no-quoted-strings-inside': true,
+    'scss/function-unquote-no-unquoted-strings-inside': true,
+    'scss/map-keys-quotes': 'always',
     'scss/no-duplicate-dollar-variables': true,
     'scss/no-duplicate-mixins': true,
+    'scss/operator-no-unspaced': true,
     'scss/percent-placeholder-pattern': KEBAB_CASE_PATTERN,
     'scss/selector-nest-combinators': 'always',