-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
input.css
80 lines (65 loc) · 1.06 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
table.colortable {
& td {
text-align: center;
&.c { text-transform:uppercase }
&:first-child, &:first-child + td { border:1px solid black }
}
& th {
text-align:center;
background:black;
color:white;
}
}
.foo {
color: blue;
& > .bar { color: red; }
}
.foo {
color: blue;
&.bar { color: red; }
}
.foo, .bar {
color: blue;
& + .baz, &.qux { color: red; }
}
.foo {
color: blue;
& .bar & .baz & .qux { color: red; }
}
.foo {
color: blue;
& { padding: 2ch; }
}
.foo {
color: blue;
&& { padding: 2ch; }
}
.foo {
color: blue;
&&&& { padding: 2ch; }
&&&& > p {
font-size: .9rem;
}
& > figcaption {
&&&& { padding: 2ch; }
}
}
.error, #test {
&:hover > .baz { color: red; }
}
.foo {
&:is(.bar, &.baz) { color: red; }
}
figure {
margin: 0;
& > figcaption {
background: hsl(0 0% 0% / 50%);
& > p {
font-size: .9rem;
}
}
}
.foo {
color: blue;
&__bar { color: red; }
}