Files
DeviceManager/node_modules/stylelint/lib/rules/time-min-milliseconds/README.md

80 lines
1.6 KiB
Markdown

# time-min-milliseconds
Limit the minimum number of milliseconds for time values.
<!-- prettier-ignore -->
```css
a { animation: slip-n-slide 150ms linear; }
/** ↑
* This time */
```
This rule checks positive numbers in `transition-duration`, `transition-delay`, `animation-duration`, `animation-delay`, and those times as they manifest in the `transition` and `animation` shorthands.
The [`message` secondary option](../../../docs/user-guide/configure.md#message) can accept the arguments of this rule.
## Options
`int`: Minimum number of milliseconds for time values.
For example, with `100`:
The following patterns are considered problems:
<!-- prettier-ignore -->
```css
a { animation: 80ms; }
```
<!-- prettier-ignore -->
```css
a { transition-duration: 0.08s; }
```
<!-- prettier-ignore -->
```css
a { transition: background-color 6ms linear; }
```
<!-- prettier-ignore -->
```css
a { animation-delay: 0.01s; }
```
The following patterns are _not_ considered problems:
<!-- prettier-ignore -->
```css
a { animation: 8s; }
```
<!-- prettier-ignore -->
```css
a { transition-duration: 0.8s; }
```
<!-- prettier-ignore -->
```css
a { transition: background-color 600ms linear; }
```
<!-- prettier-ignore -->
```css
a { animation-delay: 1s; }
```
## Optional secondary options
### `ignore: ["delay"]`
Ignore time values for an animation or transition delay.
For example, with a minimum of `200` milliseconds.
The following pattern is _not_ considered a problem:
<!-- prettier-ignore -->
```css
a { animation-delay: 100ms; }
```