-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
input.css
120 lines (102 loc) · 2.69 KB
/
input.css
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
@supports (display: grid) {
div {
display: grid;
}
}
@supports (display: flex) {
body {
color: blue;
}
@media screen and (min-width: 900px) {
article {
display: flex;
}
}
}
@supports ( display : flex ) {}
@supports not (display: flex) {}
@SUPPORTS not (display: flex) {}
@supports (box-shadow: 0 0 2px black inset ) or (-moz-box-shadow: 0 0 2px black inset ) or (-webkit-box-shadow: 0 0 2px black inset ) or (-o-box-shadow: 0 0 2px black inset ) {}
@supports ( box-shadow: 0 0 2px black inset ) or
( -moz-box-shadow: 0 0 2px black inset ) or
( -webkit-box-shadow: 0 0 2px black inset ) or
( -o-box-shadow: 0 0 2px black inset ) {
}
@supports ((transition-property: color) or (animation-name: foo)) and (transform: rotate(10deg)) {}
@supports (transition-property: color) or ((animation-name: foo) and (transform: rotate(10deg))) {}
@supports ( transition-property : color ) or ( ( animation-name : foo ) and ( transform : rotate(10deg) ) ) {}
@supports(transition-property:color)or ((animation-name:foo)and (transform:rotate(10deg))){}
@supports ((display: flex)) {}
@supports (display: flex !important) {}
@supports NOT (display: flex) {}
@supports ((transition-property: color) OR (animation-name: foo)) AND (transform: rotate(10deg)) {}
@supports (transition-property: color) OR ((animation-name: foo) AND (transform: rotate(10deg))) {}
@supports (NOT (display: flex)) {}
@supports selector(col || td) {
col.selected || td {
background: tan;
}
}
@supports selector(:focus-visible) {
a:focus-visible {
background: yellow;
}
}
@supports (--element(".minwidth")) {
[--self] {
background: greenyellow;
}
}
@supports (ident: 1) {
* { background: red; }
}
@supports ((ident: 1)) {
* { background: red; }
}
@supports (ident "str") {
* { background: red; }
}
@supports ((ident "str")) {
* { background: red; }
}
@supports func(10, 20, 40) {
* { background: red; }
}
@supports (func(10, 20, 40)) {
* { background: red; }
}
@supports ( func( 10 , 20 , 40 ) ) {
* { background: red; }
}
@supports (animation-name: test) {
@-custom-keyframe anim {
from {
color: black;
}
to {
color: white
}
}
}
@supports (--var) {
* { background: red; }
}
@supports (--foo: green) {
body {
color: var(--varName);
}
}
@supports not selector(:is(a, b)) {
ul > li,
ol > li {
color: red;
}
}
@supports selector(:nth-child(1n of a, b)) {
:is(
:nth-child(1n of ul, ol) a,
details > summary
) {
color: red
}
}