Open pirahana opened 2 years ago
less file
`@import "./../../../assets/styles/text-mixins.less";
@border-color: #0079b8;
.roles-tab { display: flex; margin: 40px 0; }
.all-roles { width: 275px; } .roles-card { cursor: pointer; margin: 0 0 12px 0; height: 100px; &.card-selected { border: 1px solid @border-color; box-shadow: 0 3px 0 @border-color; } }
.roles-information { margin-left: 36px; min-width: 300px; max-width: 900px; width: 100%; .p4 { &::after { content: ":"; } } }
.card-block-container { padding: 12px 20px; } .single-line-ellipsis { margin-bottom: 0.2rem !important; .single-line-ellipsis(85%); } .multi-line-ellipsis { .multi-line-ellipsis(2); } ` Linting Errors:
21:6 ✖ invalid variable "border-radius" less/color-no-invalid-hex 21:6 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 29:6 ✖ invalid variable "border-radius" less/color-no-invalid-hex 29:6 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 38:10 ✖ invalid variable "border-radius" less/color-no-invalid-hex 38:10 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 48:14 ✖ invalid variable "border-radius" less/color-no-invalid-hex 48:14 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 57:14 ✖ invalid variable "border-radius" less/color-no-invalid-hex 57:14 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 110:6 ✖ invalid variable "border" less/color-no-invalid-hex 110:6 ✖ Unexpected Invalid variable "border" less/no-duplicate-variables 124:6 ✖ invalid variable "border" less/color-no-invalid-hex 124:6 ✖ Unexpected Invalid variable "border" less/no-duplicate-variables 220:10 ✖ Unexpected Invalid variable "media" less/no-duplicate-variables 237:6 ✖ Unexpected Invalid variable "media" less/no-duplicate-variables
.stylelintrc file
{ "extends": "stylelint-config-recommended-less", "rules": { "block-closing-brace-empty-line-before": "never", "block-closing-brace-newline-after": "always", "block-opening-brace-newline-after": "always", "block-opening-brace-space-before": "always", "block-no-empty": true, "color-hex-case": "lower", "color-hex-length": "short", "color-named": "never", "comment-whitespace-inside": "always", "declaration-colon-space-after": "always", "declaration-colon-space-before": "never", "function-comma-space-after": "always", "function-comma-space-before": "never", "indentation": 4, "length-zero-no-unit": true, "max-empty-lines": 1, "no-descending-specificity": null, "no-empty-source": null, "number-leading-zero": "always", "number-no-trailing-zeros": true, "property-case": "lower", "selector-combinator-space-after": "always", "selector-combinator-space-before": "always", "selector-descendant-combinator-no-non-space": true, "selector-list-comma-space-after": "always", "selector-list-comma-space-before": "never", "selector-pseudo-class-case": "lower", "selector-pseudo-element-colon-notation": "double", "color-no-invalid-hex": true, "at-rule-no-unknown": [ true, { "ignoreAtRules": ["extends"] } ], "selector-pseudo-element-no-unknown": [ true, { "ignorePseudoElements": ["ng-deep"] } ], "selector-type-case": "lower", "selector-type-no-unknown": [ true, { "ignore": ["custom-elements"] } ], "unit-case": "lower", "value-keyword-case": "lower" } }
What rule to add so that mixins are processed correctly. Can you help with this. Thanks.
Related https://github.com/ssivanatarajan/stylelint-less/issues/6
less file
`@import "./../../../assets/styles/text-mixins.less";
@border-color: #0079b8;
.roles-tab { display: flex; margin: 40px 0; }
.all-roles { width: 275px; } .roles-card { cursor: pointer; margin: 0 0 12px 0; height: 100px; &.card-selected { border: 1px solid @border-color; box-shadow: 0 3px 0 @border-color; } }
.roles-information { margin-left: 36px; min-width: 300px; max-width: 900px; width: 100%; .p4 { &::after { content: ":"; } } }
.card-block-container { padding: 12px 20px; } .single-line-ellipsis { margin-bottom: 0.2rem !important; .single-line-ellipsis(85%); } .multi-line-ellipsis { .multi-line-ellipsis(2); } ` Linting Errors:
21:6 ✖ invalid variable "border-radius" less/color-no-invalid-hex 21:6 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 29:6 ✖ invalid variable "border-radius" less/color-no-invalid-hex 29:6 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 38:10 ✖ invalid variable "border-radius" less/color-no-invalid-hex 38:10 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 48:14 ✖ invalid variable "border-radius" less/color-no-invalid-hex 48:14 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 57:14 ✖ invalid variable "border-radius" less/color-no-invalid-hex 57:14 ✖ Unexpected Invalid variable "border-radius" less/no-duplicate-variables 110:6 ✖ invalid variable "border" less/color-no-invalid-hex 110:6 ✖ Unexpected Invalid variable "border" less/no-duplicate-variables 124:6 ✖ invalid variable "border" less/color-no-invalid-hex 124:6 ✖ Unexpected Invalid variable "border" less/no-duplicate-variables 220:10 ✖ Unexpected Invalid variable "media" less/no-duplicate-variables 237:6 ✖ Unexpected Invalid variable "media" less/no-duplicate-variables
.stylelintrc file
{ "extends": "stylelint-config-recommended-less", "rules": { "block-closing-brace-empty-line-before": "never", "block-closing-brace-newline-after": "always", "block-opening-brace-newline-after": "always", "block-opening-brace-space-before": "always", "block-no-empty": true, "color-hex-case": "lower", "color-hex-length": "short", "color-named": "never", "comment-whitespace-inside": "always", "declaration-colon-space-after": "always", "declaration-colon-space-before": "never", "function-comma-space-after": "always", "function-comma-space-before": "never", "indentation": 4, "length-zero-no-unit": true, "max-empty-lines": 1, "no-descending-specificity": null, "no-empty-source": null, "number-leading-zero": "always", "number-no-trailing-zeros": true, "property-case": "lower", "selector-combinator-space-after": "always", "selector-combinator-space-before": "always", "selector-descendant-combinator-no-non-space": true, "selector-list-comma-space-after": "always", "selector-list-comma-space-before": "never", "selector-pseudo-class-case": "lower", "selector-pseudo-element-colon-notation": "double", "color-no-invalid-hex": true, "at-rule-no-unknown": [ true, { "ignoreAtRules": ["extends"] } ], "selector-pseudo-element-no-unknown": [ true, { "ignorePseudoElements": ["ng-deep"] } ], "selector-type-case": "lower", "selector-type-no-unknown": [ true, { "ignore": ["custom-elements"] } ], "unit-case": "lower", "value-keyword-case": "lower" } }
What rule to add so that mixins are processed correctly. Can you help with this. Thanks.