title: stylelint-selector-bem-pattern BEM linter not working
body: <p>In gruntfile</p>
  
  <pre><code>stylelint: {
      all: ['app/styles/**/*.scss']
  },
  </code></pre>
  
  <p>.stylelintrc</p>
  
  <pre><code>{
      "plugins": [
          "stylelint-selector-bem-pattern"
      ],
      "rules": {
        "plugin/selector-bem-pattern": {
        "componentName": "[A-Z]+",
        "componentSelectors": {
          "initial": "^\\.{componentName}(?:-[a-z]+)?$",
          "combined": "^\\.combined-{componentName}-[a-z]+$"
        },
        "utilitySelectors": "^\\.util-[a-z]+$"
      }
      }
  }
  </code></pre>
  
  <p>/Users/jitendravyas/app-test/styles/components/_campaign-settings-integrations.scss</p>
  
  <pre><code>/* @define campaign-settings */
  
  .campaign-settings__integrations {
    @include flex;
  }
  
  .campaign-settings__integration {
    border: 1px solid $color-green;
    border-radius: 3px;
    color: $color-green;
    margin-right: $base-spacing-unit;
    @include flex;
  
    .check {
      background: $color-green;
      color: white;
      @include vertical-center;
    }
  
    &gt; div {
      padding: $half-spacing-unit;
    }
  }
  </code></pre>
  
  <p><strong>Not getting any error when I run stylelint. Stylelint is working with other rules.</strong></p>