mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-01-21 01:12:59 +00:00
80 lines
1.6 KiB
Markdown
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; }
|
|
```
|