mirror of
https://github.com/snachodog/just-the-docs.git
synced 2026-06-04 23:09:07 -06:00
Initial commit
This commit is contained in:
+57
@@ -0,0 +1,57 @@
|
||||
# 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
|
||||
}
|
||||
```
|
||||
Reference in New Issue
Block a user