UNPKG

1.2 kBMarkdownView Raw
1# time-min-milliseconds
2
3Specify the minimum number of milliseconds for time values.
4
5<!-- prettier-ignore -->
6```css
7a { animation: slip-n-slide 150ms linear; }
8/** ↑
9 * This time */
10```
11
12This 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.
13
14## Options
15
16`int`: Minimum number of milliseconds for time values.
17
18For example, with `100`:
19
20The following patterns are considered violations:
21
22<!-- prettier-ignore -->
23```css
24a { animation: 80ms; }
25```
26
27<!-- prettier-ignore -->
28```css
29a { transition-duration: 0.08s; }
30```
31
32<!-- prettier-ignore -->
33```css
34a { transition: background-color 6ms linear; }
35```
36
37<!-- prettier-ignore -->
38```css
39a { animation-delay: 0.01s; }
40```
41
42The following patterns are _not_ considered violations:
43
44<!-- prettier-ignore -->
45```css
46a { animation: 8s; }
47```
48
49<!-- prettier-ignore -->
50```css
51a { transition-duration: 0.8s; }
52```
53
54<!-- prettier-ignore -->
55```css
56a { transition: background-color 600ms linear; }
57```
58
59<!-- prettier-ignore -->
60```css
61a { animation-delay: 1s; }
62```