mirror of https://github.com/thangisme/notes.git
58 lines
1.0 KiB
Markdown
58 lines
1.0 KiB
Markdown
|
# 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
|
|||
|
|
}
|
|||
|
|
```
|