From 1ce0a5a2b95b790ee619bc304fbff29e959a18de Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Mon, 22 Jan 2018 17:18:47 -0500 Subject: [PATCH] Replace scss-lint with sass-lint --- README.md | 6 +- sass-lint.yml | 420 +++++++++++++++++++++++++++++++++++++++++++++ scss-lint.yml | 458 -------------------------------------------------- 3 files changed, 423 insertions(+), 461 deletions(-) create mode 100644 sass-lint.yml delete mode 100644 scss-lint.yml diff --git a/README.md b/README.md index 46c84db..7442647 100644 --- a/README.md +++ b/README.md @@ -4,9 +4,9 @@ Configurations for linters used at WNY ## SCSS -* Linter: [scss-lint](https://github.com/brigade/scss-lint) -* Config: `scss-lint.yml` -* Install: `~/.scss-lint.yml` +* Linter: [sass-lint](https://github.com/sasstools/sass-lint) +* Config: `sass-lint.yml` +* Install: `~/.sass-lint.yml` ## Javascript diff --git a/sass-lint.yml b/sass-lint.yml new file mode 100644 index 0000000..d730b9e --- /dev/null +++ b/sass-lint.yml @@ -0,0 +1,420 @@ +files: + include: '**/*.scss' +options: + formatter: stylish + merge-default-rules: false +rules: + attribute-quotes: + - 1 + - include: true + bem-depth: + - 0 + - max-depth: 1 + border-zero: + - 1 + - convention: zero + brace-style: + - 1 + - style: 1tbs + - allow-single-line: true + class-name-format: + - 0 + - allow-leading-underscore: false + - convention: hyphenatedlowercase + - ignore: [] + clean-import-paths: + - 0 + - filename-extension: false + leading-underscore: false + declarations-before-nesting: 1 + empty-args: + - 1 + - include: false + empty-line-between-blocks: + - 1 + - include: true + - allow-single-line-rulesets: true + extends-before-declarations: 1 + extends-before-mixins: 1 + final-newline: + - 1 + - include: true + force-attribute-nesting: 0 + force-element-nesting: 0 + force-pseudo-nesting: 0 + function-name-format: + - 1 + - allow-leading-underscore: false + convention: hyphenatedlowercase + hex-length: + - 1 + - style: short + hex-notation: + - 1 + - style: lowercase + id-name-format: + - 1 + - allow-leading-underscore: false + - convention: hyphenatedlowercase + indentation: + - 1 + - size: 4 + leading-zero: + - 1 + - include: true + max-file-line-count: + - 0 + - length: 300 + max-line-length: + - 0 + - length: 80 + mixin-name-format: + - 1 + - allow-leading-underscore: false + convention: hyphenatedlowercase + mixins-before-declarations: 0 + nesting-depth: + - 1 + - max-depth: 10 + no-attribute-selectors: 0 + no-color-hex: 0 + no-color-keywords: 1 + no-color-literals: 0 + no-combinators: 0 + no-css-comments: 1 + no-debug: 1 + no-disallowed-properties: + - 0 + - properties: [] + no-duplicate-properties: + - 1 + - exclude: + - src + no-empty-rulesets: 1 + no-extends: 0 + no-ids: 0 + no-important: 0 + no-invalid-hex: 1 + no-mergeable-selectors: 1 + no-misspelled-properties: + - 1 + - extra-properties: [] + no-qualifying-elements: + - 1 + - allow-element-with-attribute: true + allow-element-with-class: false + allow-element-with-id: false + no-trailing-whitespace: 1 + no-trailing-zero: 1 + no-transition-all: 0 + no-universal-selectors: 0 + no-url-domains: 1 + no-url-protocols: 1 + no-vendor-prefixes: + - 0 + - additional-identifiers: [] + - excluded-identifiers: [] + - ignore-non-standard: false + no-warn: 1 + one-declaration-per-line: 1 + placeholder-in-extend: 0 + placeholder-name-format: + - 0 + - allow-leading-underscore: false + - convention: hyphenatedlowercase + property-sort-order: + - 1 + - ignore-custom-properties: false + order: + - all + - content + - resize + - empty-cells + - float + - clear + - shape-image-threshold + - shape-margin + - shape-outside + - overflow + - overflow-x + - overflow-y + - z-index + - position + - top + - right + - bottom + - left + - transform + - transform-origin + - transform-style + - perspective + - perspective-origin + - backface-visibility + - margin + - margin-top + - margin-right + - margin-bottom + - margin-left + - visibility + - display + - box-sizing + - width + - min-width + - max-width + - height + - min-height + - max-height + - padding + - padding-top + - padding-right + - padding-bottom + - padding-left + - grid-gap + - grid-area + - grid-row + - grid-row-start + - grid-row-end + - grid-row-gap + - grid-column + - grid-column-start + - grid-column-end + - grid-column-gap + - grid-auto-rows + - grid-auto-flow + - grid-template + - grid-template-areas + - grid-template-rows + - grid-template-columns + - flex + - flex-basis + - flex-direction + - flex-flow + - flex-grow + - flex-shrink + - flex-wrap + - order + - justify-content + - align-content + - justify-self + - align-items + - align-self + - columns + - column-width + - column-count + - column-gap + - column-rule + - column-rule-color + - column-rule-style + - column-rule-width + - column-fill + - column-span + - caption-side + - table-layout + - vertical-align + - outline + - outline-width + - outline-color + - outline-style + - outline-offset + - border + - border-top + - border-right + - border-bottom + - border-left + - border-width + - border-top-width + - border-right-width + - border-bottom-width + - border-left-width + - border-color + - border-top-color + - border-right-color + - border-bottom-color + - border-left-color + - border-style + - border-top-style + - border-right-style + - border-bottom-style + - border-left-style + - border-radius + - border-top-right-radius + - border-top-left-radius + - border-bottom-right-radius + - border-bottom-left-radius + - border-image + - border-image-source + - border-image-width + - border-image-outset + - border-image-repeat + - border-image-slice + - border-collapse + - border-spacing + - box-shadow + - clip + - clip-path + - mask + - mask-position + - mask-size + - object-position + - background + - background-color + - background-image + - background-position + - background-origin + - background-size + - background-clip + - -webkit-background-clip + - background-repeat + - background-attachment + - background-blend-mode + - color + - text-fill + - -webkit-text-fill-color + - font + - font-family + - src + - font-size + - font-size-adjust + - font-stretch + - font-variant + - font-weight + - font-style + - quotes + - tab-size + - letter-spacing + - line-height + - word-break + - word-spacing + - word-wrap + - white-space + - direction + - unicode-bidi + - break-after + - page-break-after + - break-before + - page-break-before + - break-inside + - page-break-inside + - text-align + - text-align-last + - text-justify + - text-indent + - text-overflow + - text-transform + - text-decoration + - text-decoration-color + - text-decoration-style + - text-decoration-line + - text-shadow + - text-emphasis + - text-emphasis-color + - filter + - opacity + - transition + - transition-delay + - transition-duration + - transition-property + - transition-timing-function + - animation + - animation-delay + - animation-direction + - animation-duration + - animation-fill-mode + - animation-iteration-count + - animation-name + - animation-play-state + - animation-timing-function + - list-style + - list-style-type + - list-style-position + - list-style-image + - counter-increment + - counter-reset + - scroll-snap-type + - scroll-snap-coordinate + - scroll-snap-destination + - cursor + - -webkit-appearance + - -webkit-font-smoothing + - -moz-osx-font-smoothing + - -webkit-overflow-scrolling + - -ms-overflow-style + property-units: + - 1 + - global: + - ch + - em + - ex + - rem + - cm + - in + - mm + - pc + - pt + - px + - q + - vh + - vw + - vmin + - vmax + - deg + - grad + - rad + - turn + - ms + - s + - Hz + - kHz + - dpi + - dpcm + - dppx + - '%' + per-property: {} + pseudo-element: 0 + quotes: + - 1 + - style: double + shorthand-values: + - 1 + - allowed-shorthands: + - 1 + - 2 + single-line-per-selector: 0 + space-after-bang: + - 1 + - include: false + space-after-colon: + - 1 + - include: true + space-after-comma: + - 1 + - include: true + space-around-operator: + - 1 + - include: true + space-before-bang: + - 1 + - include: true + space-before-brace: + - 1 + - include: true + space-before-colon: + - 1 + - include: false + space-between-parens: + - 1 + - include: false + trailing-semicolon: + - 1 + - include: true + url-quotes: 1 + variable-for-property: + - 0 + - properties: [] + variable-name-format: + - 1 + - allow-leading-underscore: false + convention: hyphenatedlowercase + zero-unit: + - 0 + - include: false diff --git a/scss-lint.yml b/scss-lint.yml deleted file mode 100644 index 0f6a693..0000000 --- a/scss-lint.yml +++ /dev/null @@ -1,458 +0,0 @@ -# Default application configuration that all configurations inherit from. - -scss_files: "**/*.scss" -plugin_directories: ['.scss-linters'] - -# List of gem names to load custom linters from (make sure they are already -# installed) -plugin_gems: [] - -# Default severity of all linters. -severity: warning - -linters: - BangFormat: - enabled: true - space_before_bang: true - space_after_bang: false - - BemDepth: - enabled: false - max_elements: 1 - - BorderZero: - enabled: true - convention: zero # or `none` - - ChainedClasses: - enabled: false - - ColorKeyword: - enabled: true - - ColorVariable: - enabled: false - - Comment: - enabled: true - style: silent - - DebugStatement: - enabled: true - - DeclarationOrder: - enabled: false - - DisableLinterReason: - enabled: false - - DuplicateProperty: - enabled: true - - ElsePlacement: - enabled: true - style: same_line # or 'new_line' - - EmptyLineBetweenBlocks: - enabled: true - ignore_single_line_blocks: true - - EmptyRule: - enabled: true - - ExtendDirective: - enabled: false - - FinalNewline: - enabled: true - present: true - - HexLength: - enabled: true - style: short # or 'long' - - HexNotation: - enabled: true - style: lowercase # or 'uppercase' - - HexValidation: - enabled: true - - IdSelector: - enabled: false - - ImportantRule: - enabled: false - - ImportPath: - enabled: false - leading_underscore: false - filename_extension: false - - Indentation: - enabled: true - allow_non_nested_indentation: false - character: space # or 'tab' - width: 4 - - LeadingZero: - enabled: true - style: include_zero # or 'include_zero' - - MergeableSelector: - enabled: true - force_nesting: true - - NameFormat: - enabled: true - allow_leading_underscore: true - convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern - - NestingDepth: - enabled: true - max_depth: 10 - ignore_parent_selectors: false - - PlaceholderInExtend: - enabled: false - - PrivateNamingConvention: - enabled: false - prefix: _ - - PropertyCount: - enabled: false - include_nested: false - max_properties: 10 - - PropertySortOrder: - enabled: true - ignore_unspecified: false - min_properties: 2 - separate_groups: false - order: - - all - - content - - resize - - empty-cells - - float - - clear - - shape-image-threshold - - shape-margin - - shape-outside - - overflow - - overflow-x - - overflow-y - - z-index - - position - - top - - right - - bottom - - left - - transform - - transform-origin - - transform-style - - perspective - - perspective-origin - - backface-visibility - - margin - - margin-top - - margin-right - - margin-bottom - - margin-left - - visibility - - display - - box-sizing - - width - - min-width - - max-width - - height - - min-height - - max-height - - padding - - padding-top - - padding-right - - padding-bottom - - padding-left - - grid-gap - - grid-area - - grid-row - - grid-row-start - - grid-row-end - - grid-row-gap - - grid-column - - grid-column-start - - grid-column-end - - grid-column-gap - - grid-auto-rows - - grid-auto-flow - - grid-template - - grid-template-areas - - grid-template-rows - - grid-template-columns - - flex - - flex-basis - - flex-direction - - flex-flow - - flex-grow - - flex-shrink - - flex-wrap - - order - - justify-content - - align-content - - justify-self - - align-items - - align-self - - columns - - column-width - - column-count - - column-gap - - column-rule - - column-rule-color - - column-rule-style - - column-rule-width - - column-fill - - column-span - - caption-side - - table-layout - - vertical-align - - outline - - outline-width - - outline-color - - outline-style - - outline-offset - - border - - border-top - - border-right - - border-bottom - - border-left - - border-width - - border-top-width - - border-right-width - - border-bottom-width - - border-left-width - - border-color - - border-top-color - - border-right-color - - border-bottom-color - - border-left-color - - border-style - - border-top-style - - border-right-style - - border-bottom-style - - border-left-style - - border-radius - - border-top-right-radius - - border-top-left-radius - - border-bottom-right-radius - - border-bottom-left-radius - - border-image - - border-image-source - - border-image-width - - border-image-outset - - border-image-repeat - - border-image-slice - - border-collapse - - border-spacing - - box-shadow - - clip - - clip-path - - mask - - mask-position - - mask-size - - object-position - - background - - background-color - - background-image - - background-position - - background-origin - - background-size - - background-clip - - background-repeat - - background-attachment - - background-blend-mode - - color - - font - - font-family - - font-size - - font-size-adjust - - font-stretch - - font-style - - font-variant - - font-weight - - quotes - - tab-size - - letter-spacing - - line-height - - word-break - - word-spacing - - word-wrap - - white-space - - direction - - unicode-bidi - - break-after - - page-break-after - - break-before - - page-break-before - - break-inside - - page-break-inside - - text-align - - text-align-last - - text-justify - - text-indent - - text-overflow - - text-transform - - text-decoration - - text-decoration-color - - text-decoration-style - - text-decoration-line - - text-shadow - - text-emphasis - - text-emphasis-color - - filter - - opacity - - transition - - transition-delay - - transition-duration - - transition-property - - transition-timing-function - - animation - - animation-delay - - animation-direction - - animation-duration - - animation-fill-mode - - animation-iteration-count - - animation-name - - animation-play-state - - animation-timing-function - - list-style - - list-style-type - - list-style-position - - list-style-image - - counter-increment - - counter-reset - - scroll-snap-type - - scroll-snap-coordinate - - scroll-snap-destination - - cursor - - PropertySpelling: - enabled: true - extra_properties: [] - disabled_properties: [] - - PropertyUnits: - enabled: true - global: [ - 'ch', 'em', 'ex', 'rem', # Font-relative lengths - 'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths - 'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths - 'deg', 'grad', 'rad', 'turn', # Angle - 'ms', 's', # Duration - 'Hz', 'kHz', # Frequency - 'dpi', 'dpcm', 'dppx', # Resolution - '%'] # Other - properties: {} - - PseudoElement: - enabled: false - - QualifyingElement: - enabled: true - allow_element_with_attribute: false - allow_element_with_class: true - allow_element_with_id: false - - SelectorDepth: - enabled: true - max_depth: 10 - - SelectorFormat: - enabled: false - convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern - - Shorthand: - enabled: false - allowed_shorthands: [1, 2, 3] - - SingleLinePerProperty: - enabled: true - allow_single_line_rule_sets: true - - SingleLinePerSelector: - enabled: false - - SpaceAfterComma: - enabled: true - style: one_space # or 'no_space', or 'at_least_one_space' - - SpaceAfterPropertyColon: - enabled: true - style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned' - - SpaceAfterPropertyName: - enabled: true - - SpaceAfterVariableColon: - enabled: false - style: one_space # or 'no_space', 'at_least_one_space' or 'one_space_or_newline' - - SpaceAfterVariableName: - enabled: true - - SpaceAroundOperator: - enabled: true - style: one_space # or 'at_least_one_space', or 'no_space' - - SpaceBeforeBrace: - enabled: true - style: space # or 'new_line' - allow_single_line_padding: false - - SpaceBetweenParens: - enabled: true - spaces: 0 - - StringQuotes: - enabled: true - style: double_quotes # or double_quotes - - TrailingSemicolon: - enabled: true - - TrailingWhitespace: - enabled: true - - TrailingZero: - enabled: false - - TransitionAll: - enabled: false - - UnnecessaryMantissa: - enabled: true - - UnnecessaryParentReference: - enabled: true - - UrlFormat: - enabled: true - - UrlQuotes: - enabled: true - - VariableForProperty: - enabled: false - properties: [] - - VendorPrefix: - enabled: false - identifier_list: base - additional_identifiers: [] - excluded_identifiers: [] - - ZeroUnit: - enabled: false - - Compass::*: - enabled: false