Sha256: c20d6a85f714016b408af714793d2e998f697660e2a9d76851f76dbced45df6b

Contents?: true

Size: 986 Bytes

Versions: 24

Compression:

Stored size: 986 Bytes

Contents

# percent-placeholder-pattern

Specify a pattern for `%`-placeholders.

```scss
    %foobar { display: flex; }
/** ↑
 * The pattern of this */
```

## Options

`regex` or `string`

A string will be translated into a RegExp like so `new RegExp(yourString)` — so be sure to escape properly.

Nested selectors will be resolved before checking.

The selector value *after `%`* will be checked. No need to include `%` in your pattern.

### E.g. `/^foo-[a-z]+$/`

The following patterns are considered warnings:

```scss
%myriad { display: flex; }
```

```scss
%foo-bar { 
  &-supa { display: flex; } /* %foo-bar matches, but %foo-bar-supa doesn't */
}
```

```scss
%foo- { /* %foo- on the 1st leves doesn't match */
  &bar { display: flex; }
}
```

The following patterns are *not* considered warnings:

```scss
%foo-aimp { display: flex; }
```

```scss
%foo-bar { 
  &lignt { display: flex; }
}
```

```scss
.p {
  @extend %mathy; // The rule only checks placeholder definitions
}
```

Version data entries

24 entries across 24 versions & 1 rubygems

Version Path
trusty-cms-6.3.1 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.7 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.6 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.5 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.4 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.3 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.2 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.1 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3.5 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-5.0.0 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3.4 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3.3 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3.2 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3.1 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.3 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.2.3 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.2.2 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.2.1 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.2 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md
trusty-cms-4.1.9 node_modules/stylelint-scss/src/rules/percent-placeholder-pattern/README.md