gems.scss_lint-0.57.0.lib.scss_lint.linter.bem_depth.rb Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of sass-maven-plugin Show documentation

A Maven Plugin that compiles Sass files.

There is a newer version: 3.7.2

module SCSSLint
  # Checks for BEM selectors with more elements than a specified maximum number.
  class Linter::BemDepth < Linter
    include LinterRegistry

    def visit_root(_node)
      @max_elements = config['max_elements']
      yield # Continue linting children
    end

    def visit_class(klass)
      check_depth(klass, 'selectors')
    end

    def visit_placeholder(placeholder)
      check_depth(placeholder, 'placeholders')
    end

  private

    def check_depth(node, plural_type)
      selector = node.name
      parts = selector.split('__')
      num_elements = (parts[1..-1] || []).length
      return if num_elements <= @max_elements

      found_elements = pluralize(@max_elements, 'element')
      add_lint(node, "BEM #{plural_type} should have no more than #{found_elements}, " \
                     "but `#{selector}` has #{num_elements}")
    end
  end
end