postcss-plugins/plugins/postcss-is-pseudo-class/test/compound-after-complex-is.css at 46d11d3b20906ab02f8b4aaac717c58d770c4e1a · 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
:is(.a .b).c {
	order: 0.1;
}

.ignore :is(.a .b).c {
	order: 0.2;
}

:is(.a .b).c .d {
	order: 0.3;
}

:is(.a .b) .c {
	order: 1.1;
}

.ignore :is(.a .b) .c {
	order: 1.2;
}

:is(.a .b) .c .d {
	order: 1.3;
}

:is(.a > .b) > .c {
	order: 2.1;
}

::before > :is(.a > .b) > .c {
	order: 2.2;
}

:is(.a > .b) > .c > .d {
	order: 2.3;
}

:is(.a + .b) + .c {
	order: 3.1;
}

::before + :is(.a + .b) + .c {
	order: 3.2;
}

:is(.a + .b) + .c + .d {
	order: 3.3;
}

:is(.a ~ .b) ~ .c {
	order: 4.1;
}

.ignore ~ :is(.a ~ .b) ~ .c {
	order: 4.2;
}

:is(.a ~ .b) ~ .c ~ .d {
	order: 4.3;
}

.c:is(.a .b) .d {
	order: 5.0;
}

c:is(a b) d {
	order: 5.1;
}

/* https: //github.com/csstools/postcss-plugins/issues/922 */
:is(.frame, .frame > .wrapper) > .target {
  background-color: #ffc;
}

:is(:-csstools-matches(.a, .b)) > .c {
	order: 100;
}