postcss-plugins/plugins/postcss-text-decoration-shorthand/test/basic.css at de32fdca8d8bd377f4f92d8224511a7f755662ee · csstools/postcss-plugins · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
.a {
	text-decoration: wavy;
}

.b {
	text-decoration: overline;
}

.ab {
	text-decoration: wavy overline;
}

.abc {
	text-decoration: wavy overline purple;
}

.bcd {
	text-decoration: overline purple 4px;
}

.cd {
	text-decoration: purple 4px;
}

.d {
	text-decoration: wavy overline purple 4px;
}

.abcd {
	text-decoration: wavy overline purple 4px;
}

.bcda {
	text-decoration: overline purple 4px wavy;
}

.cdab {
	text-decoration: purple 4px wavy overline;
}

.dabc {
	text-decoration: 4px wavy overline purple;
}

.with-comment {
	text-decoration: wavy /* a comment */ overline purple 4px;
}

.percentage-thickness {
	text-decoration: 2% wavy overline purple;
}

.two-rules-with-same-transform--a {
	text-decoration: 2% wavy overline purple;
}

.two-rules-with-same-transform--b {
	text-decoration: 2% wavy overline purple;
}

.multiple-lines--a {
	text-decoration: 5px underline overline line-through wavy pink;
}

.multiple-lines--b {
	text-decoration: underline overline line-through;
}

.auto {
	text-decoration: green wavy overline auto;
}

.from-font {
	text-decoration: green wavy overline from-font;
}

.calc {
	text-decoration: green wavy overline calc(2px * 4);
}

.none {
	text-decoration: none;
}

.ignored--a {
	text-decoration: green wavy overline calc(2px * 4) bogus;
}

.ignored--b {
	text-decoration: underline bogus;
}

.ignored--c {
	text-decoration: solid solid red underline;
}

.ignored--d {
	text-decoration: underline red overline;
}

.manual-fallback-a {
	text-decoration: underline;
	text-decoration: underline dotted;
}

.manual-fallback-b {
	text-decoration: overline solid purple;
	text-decoration: overline purple 4px;
}

.manual-fallback-c {
	text-decoration: overline;
	text-decoration: overline solid purple;
	text-decoration: overline purple 4px;
}

.fallback-without-comment {
	text-decoration: underline;
	text-decoration: underline dotted;
}

.fallback-with-comment-a {
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted;
}

.fallback-with-comment-b {
	text-decoration: underline /* 2 */;
	text-decoration: underline dotted;
}