tailwind-rs 0.2.0

Tailwind translater for html and more
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/d/d5/Tailwind_CSS_Logo.svg"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Typography tests</title>
</head>
<body>
<!-- https://tailwindcss.com/docs/font-family -->
<div class="font-sans"></div>
<div class="font-serif"></div>
<div class="font-mono"></div>
<!-- https://tailwindcss.com/docs/letter-spacing -->
<div class="tracking-tightest"></div>
<div class="tracking-tighter"></div>
<div class="tracking-tight"></div>
<div class="tracking-normal"></div>
<div class="tracking-wide"></div>
<div class="tracking-wider"></div>
<div class="tracking-widest"></div>
<div class="tracking-unset"></div>
<div class="tracking-not-found"></div>
<div class="tracking-[0.5em]"></div>
<!-- https://tailwindcss.com/docs/list-style-type -->
<div class="list-none"></div>
<div class="list-disc"></div>
<div class="list-decimal"></div>
<div class="list-trad-chinese-informal"></div>
<div class="list-unset"></div>
<div class="list-[unset]"></div>
<div class="list-['-']"></div>
<div class="list-[@custom-counter-style]"></div>
<!-- https://tailwindcss.com/docs/list-style-position -->
<div class="list-inside"></div>
<div class="list-outside"></div>
<div class="list-position-outside"></div>
<div class="list-position-unset"></div>
<div class="list-position-[unset]"></div>
<!-- https://tailwindcss.com/docs/text-decoration -->
<div class="underline"></div>
<div class="overline"></div>
<div class="line-through"></div>
<div class="no-underline"></div>
<div class="decoration-line-underline"></div>
<div class="decoration-line-overline"></div>
<div class="decoration-line-through"></div>
<div class="decoration-line-line-through"></div>
<div class="decoration-line-none"></div>
<div class="decoration-line-unset"></div>
<div class="decoration-line-[unset]"></div>
<div class="decoration-line-[overline underline line-through]"></div>
<!-- https://tailwindcss.com/docs/text-decoration-color -->
<div class="decoration-inherit"></div>
<div class="decoration-current"></div>
<div class="decoration-transparent"></div>
<div class="decoration-black"></div>
<div class="decoration-white"></div>
<div class="decoration-#FFF"></div>
<div class="decoration-#FFFFFF"></div>
<div class="decoration-[#FFFFFF]"></div>
<div class="decoration-slate-50"></div>
<div class="decoration-slate-100"></div>
<div class="decoration-color-unset"></div>
<div class="decoration-color-[unset]"></div>
<div class="decoration-red"></div>
<div class="decoration-custom-red"></div>
<!-- https://tailwindcss.com/docs/text-decoration-style -->
<div class="decoration-solid"></div>
<div class="decoration-double"></div>
<div class="decoration-dotted"></div>
<div class="decoration-dashed"></div>
<div class="decoration-wavy"></div>
<div class="decoration-style-wavy"></div>
<div class="decoration-style-unset"></div>
<div class="decoration-style-[unset]"></div>
<!-- https://tailwindcss.com/docs/text-decoration-thickness -->
<div class="decoration-auto"></div>
<div class="decoration-from-font"></div>
<div class="decoration-thick-from-font"></div>
<div class="decoration-0"></div>
<div class="-decoration-0"></div>
<div class="-decoration-1"></div>
<div class="decoration-1"></div>
<div class="decoration-thick-1"></div>
<div class="decoration-thick-unset"></div>
<div class="decoration-thick-[unset]"></div>
<!-- https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration -->
<div class="decoration-[overline red]"></div>
</body>
</html>