stylelint-config-ccb 1.8.2 → 1.8.5

package/README.md

@@ -0,0 +1 @@
+An opinionated stylelint-config which uses both stylelint-config-standard and prettier. In addition to many more stricter rules to reduce potential issues as much as possible.

package/index.js

@@ -9,12 +9,39 @@ module.exports = {
     'stylelint-prettier'
   ],
   rules: {
-    'color-format/format': {
-      format: 'rgb'
-    },
-
-    'plugin/stylelint-selector-no-empty': true,
+    /* stylelint-config-standard overwrites */
+    'alpha-value-notation': 'number',
+    'color-hex-length': 'long',
+    'declaration-block-no-redundant-longhand-properties': null,
+    'function-url-quotes': [
+      'always',
+      {
+        except: [
+          'empty'
+        ]
+      }
+    ],
+    'value-keyword-case': [
+      'lower',
+      {
+        ignoreProperties: ['unicode-range'],
+        camelCaseSvgKeywords: true
+      }
+    ],
+    'number-max-precision': 5,
+    /* todo update these based on 'selector-id-pattern': [
+      '^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
+      {
+        message: 'Expected id selector to be kebab-case'
+      }
+    ], */
+    'custom-media-pattern': '[a-z-]{4,40}',
+    'custom-property-pattern': '[a-z-]{4,40}',
+    'keyframes-name-pattern': '[a-z-]{4,40}',
+    'selector-class-pattern': '[a-z-_]{3,40}',
+    'selector-id-pattern': '[a-z-_]{2,40}',
 
+    /* stylelint-config-ccb */
     'declaration-property-max-values': {
       'border-width': 2,
       border: 3,
@@ -32,7 +59,6 @@ module.exports = {
       'font-face': ['font-display', 'font-family', 'font-style', 'src']
     },
     'color-no-hex': true,
-    'color-hex-length': 'long',
     'comment-word-disallowed-list': [
       'todo',
 
@@ -51,7 +77,6 @@ module.exports = {
       'whitehat', 'white-hat', 'whitelist', 'white-list', 'whitelisted',
       'white-listed', 'whitelisting', 'white-listing', 'ymmv'
     ],
-    'declaration-block-no-redundant-longhand-properties': null,
     'declaration-property-unit-allowed-list': {
       'font-size': ['rem', 'em'],
       'transition-delay': ['ms'],
@@ -82,17 +107,77 @@ module.exports = {
     },
     'function-url-scheme-allowed-list': ['data', 'https'],
     'function-disallowed-list': ['gray', 'color-mod', 'color', 'rgba', 'hsla'],
-    'keyframes-name-pattern': '[a-z-]{4,40}',
-    'custom-media-pattern': '[a-z-]{4,40}',
-    'custom-property-pattern': '[a-z-]{4,40}',
-    'selector-class-pattern': '[a-z-_]{3,40}',
-    'selector-id-pattern': '[a-z-_]{2,40}',
     'declaration-no-important': true,
-    'number-max-precision': 5,
     'property-disallowed-list': [
-      '-webkit-font-smoothing', '-moz-osx-font-smoothing',
-      'font-smoothing', 'osx-font-smoothing', 'font-smooth',
-      'float'
+      /* deprecated webkit properties */
+      '-webkit-alt*',
+      '-webkit-background-composite',
+      '-webkit-border-fit',
+      '-webkit-color-correction',
+      '-webkit-flow-from',
+      '-webkit-flow-into',
+      '-webkit-grid-columns',
+      '-webkit-grid-rows',
+      '-webkit-hyphenate-charset',
+      '-webkit-image-set',
+      '-webkit-mask-attachment',
+      '-webkit-match-nearest-mail-blockquote-color',
+      '-webkit-margin-collapse',
+      '-webkit-margin-after-collapse',
+      '-webkit-margin-before-collapse',
+      '-webkit-margin-bottom-collapse',
+      '-webkit-margin-top-collapse',
+      '-webkit-overflow-scrolling',
+      '-webkit-region-break-after',
+      '-webkit-region-break-before',
+      '-webkit-region-break-inside',
+      '-webkit-region-fragment',
+      '-webkit-shape-inside',
+      '-webkit-touch-callout',
+      'background-origin-x',
+      'background-origin-y',
+
+      /* webkit prefixes */
+      '-webkit-appearance',
+      '-webkit-mask',
+      '-webkit-mask-image',
+      '-webkit-mask-size',
+      '-webkit-mask-repeat-x',
+      '-webkit-mask-repeat-y',
+      '-webkit-mask-origin',
+      '-webkit-backface-visibility',
+      '-webkit-text-combine-upright',
+      '-webkit-print-color-adjust',
+
+      /* legacy */
+      'text-decoration-skip',
+
+      '-moz-outline-radius',
+      '-moz-outline-radius-bottomleft',
+      '-moz-outline-radius-bottomright',
+      '-moz-outline-radius-topleft',
+      '-moz-outline-radius-topright',
+
+      '-webkit-font-smoothing',
+      '-moz-osx-font-smoothing',
+      'font-smoothing',
+      'osx-font-smoothing',
+
+      'box-orient',
+
+      'zoom',
+
+      'word-break',
+      'page-break-inside',
+      'clip',
+
+      /* compatibility */
+      '-webkit-text-stroke', // use -webkit-text-stroke-width or -webkit-text-stroke-color
+
+      /* opinionated */
+      'float',
+
+      'font-smooth'
     ],
     'time-min-milliseconds': 75,
     'selector-no-qualifying-type': true,
@@ -109,14 +194,6 @@ module.exports = {
       's'
     ],
 
-    'declaration-block-no-shorthand-property-overrides': true,
-    'no-irregular-whitespace': true,
-    'no-invalid-position-at-import-rule': true,
-    'named-grid-areas-no-invalid': true,
-    'declaration-block-no-duplicate-custom-properties': true,
-    'color-function-notation': 'modern',
-    'alpha-value-notation': 'number',
-    'hue-degree-notation': 'number',
     'font-weight-notation': [
       'numeric',
       {
@@ -126,52 +203,13 @@ module.exports = {
       }
     ],
     'function-url-no-scheme-relative': true,
-    'function-url-quotes': [
-      'always',
-      {
-        except: [
-          'empty'
-        ]
-      }
-    ],
-    'selector-type-no-unknown': [
-      true,
-      {
-        ignore: ['custom-elements']
-      }
-    ],
     'max-nesting-depth': 2,
     'color-named': 'never',
-    'value-keyword-case': [
-      'lower',
-      {
-        ignoreProperties: 'unicode-range',
-        camelCaseSvgKeywords: true
-      }
-    ],
-    'unit-no-unknown': [
-      true,
-      {
-        ignoreUnits: [
-          'x'
-        ]
-      }
-    ],
-    'shorthand-property-no-redundant-values': true,
     'no-unknown-animations': true,
-    '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,
-    'font-family-name-quotes': 'always-where-recommended',
-
-    /* enforced by prettier
+
+    /* prettier-overlap */
     linebreaks: 'unix',
-    'no-empty-first-line': true,
     'unicode-bom': 'never',
-    'selector-attribute-quotes': 'always',
-    'string-quotes': 'double',
     'at-rule-semicolon-space-before': 'never',
     'block-opening-brace-newline-before': 'never-single-line',
     'declaration-block-semicolon-newline-before': 'never-multi-line',
@@ -180,93 +218,31 @@ module.exports = {
     'selector-list-comma-newline-before': 'never-multi-line',
     'selector-list-comma-space-after': 'always-single-line',
     'value-list-comma-newline-before': 'never-multi-line',
-    */
 
-    /* disabled due to prettier */
-    indentation: null,
-    linebreaks: null,
-
-    'at-rule-empty-line-before': null,
-    'at-rule-name-case': null,
-    'at-rule-name-newline-after': null,
-    'at-rule-name-space-after': null,
-    'at-rule-semicolon-newline-after': null,
-    'at-rule-semicolon-space-before': null,
-    'block-closing-brace-empty-line-before': null,
-    'block-closing-brace-newline-after': null,
-    'block-closing-brace-newline-before': null,
-    'block-closing-brace-space-after': null,
-    'block-closing-brace-space-before': null,
-    'block-opening-brace-newline-after': null,
-    'block-opening-brace-newline-before': null,
-    'block-opening-brace-space-after': null,
+    /* prettier-conflicts, prefer stylelint-config-standard
     'block-opening-brace-space-before': null,
-    'color-hex-case': null,
-    'declaration-bang-space-after': null,
-    'declaration-bang-space-before': null,
-    'declaration-block-semicolon-newline-after': null,
-    'declaration-block-semicolon-newline-before': null,
-    'declaration-block-semicolon-space-after': null,
-    'declaration-block-semicolon-space-before': null,
-    'declaration-block-trailing-semicolon': null,
     'declaration-colon-newline-after': null,
-    'declaration-colon-space-after': null,
-    'declaration-colon-space-before': null,
-    'function-comma-newline-after': null,
-    'function-comma-newline-before': null,
-    'function-comma-space-after': null,
-    'function-comma-space-before': null,
-    'function-max-empty-lines': null,
-    'function-parentheses-newline-inside': null,
-    'function-parentheses-space-inside': null,
-    'max-empty-lines': null,
-    'max-line-length': null,
-    'media-feature-colon-space-after': null,
-    'media-feature-colon-space-before': null,
-    'media-feature-name-case': null,
-    'media-feature-parentheses-space-inside': null,
-    'media-query-list-comma-newline-after': null,
-    'media-query-list-comma-newline-before': null,
-    'media-query-list-comma-space-after': null,
-    'media-query-list-comma-space-before': null,
-    'no-empty-first-line': null,
-    'no-eol-whitespace': null,
-    'no-extra-semicolons': null,
-    'no-missing-end-of-source-newline': null,
-    'number-leading-zero': null,
-    'number-no-trailing-zeros': null,
-    'property-case': null,
-    'selector-attribute-brackets-space-inside': null,
-    'selector-attribute-operator-space-after': null,
-    'selector-attribute-operator-space-before': null,
-    'selector-attribute-quotes': null,
-    'selector-combinator-space-after': null,
-    'selector-combinator-space-before': null,
-    'selector-descendant-combinator-no-non-space': null,
-    'selector-list-comma-newline-after': null,
-    'selector-list-comma-newline-before': null,
-    'selector-list-comma-space-after': null,
-    'selector-list-comma-space-before': null,
-    'selector-max-empty-lines': null,
-    'selector-pseudo-class-case': null,
-    'selector-pseudo-class-parentheses-space-inside': null,
-    'selector-pseudo-element-case': null,
-    'string-quotes': null,
-    'unicode-bom': null,
-    'unit-case': null,
     'value-list-comma-newline-after': null,
-    'value-list-comma-newline-before': null,
-    'value-list-comma-space-after': null,
-    'value-list-comma-space-before': null,
-    'value-list-max-empty-lines': null,
+    'selector-descendant-combinator-no-non-space': null,
+    'selector-combinator-space-before': null
+    */
+
+    /* prettier-conflicts, prefer prettier */
+    'max-line-length': 80,
 
     'prettier/prettier': [
       true,
       {
-        preserve: true
+        quoteProps: 'preserve'
       }
     ],
 
+    'color-format/format': {
+      format: 'rgb'
+    },
+
+    'plugin/stylelint-selector-no-empty': true,
+
     'order/order': [
       [
         'dollar-variables',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stylelint-config-ccb",
-  "version": "1.8.2",
+  "version": "1.8.5",
   "description": "Stylelint config which extends stylelint-config-standard",
   "keywords": [
     "stylelint",