tailwind-css 0.13.0

Compile tailwind short instructions to css
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

Utilities for translating elements with transform.


## Standard Pattern

| Pattern             | Properties              |
|:--------------------|:------------------------|
| `translate-[F]`     | `translate([F/4]rem)`   |
| `translate-px`      | `translate(1px)`        |
| `translate-[A]/[B]` | `translate([100×A/B]%)` |
| `translate-full`    | `translate(100%)`       |

Same as `translate-x`, `translate-y`

## Arbitrary Pattern

### `translate-[A]`

```cpp
>> translate-[200px] 
transform: translate(200px)

>> translate-[100px,100px] 
transform: translate(100px,100px);
```

### `translate-x-[A]`

```cpp
>> translate-x-[50%] 
transform: translateX(50%)
```

### `translate-y-[A]`

```cpp
>> translate-y-[50%] 
transform: translateY(50%)
```

## Reference

- [translate](https://tailwindcss.com/docs/translate)
- [translate/cn](https://tailwindcss.cn/docs/translate)
- [transform.translate()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate())
- [transform.translateX()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateX())
- [transform.translateY()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateY())