blob: c98b47fe586849652629cf595564724fbb58b8d3 (
plain) (
blame)
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
|
.f-row {
display: flex;
flex-direction: row;
gap: var(--gap);
& > * { margin: 0 }
}
.f-col {
display: flex;
flex-direction: column;
gap: var(--gap);
& > * { margin: 0 }
}
.f-switch {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
--f-switch-threshold: 55ch;
& > * {
margin: 0;
flex-grow: 1;
flex-basis: calc((var(--f-switch-threshold) - 100%) * 999);
}
}
.justify-content\:start { justify-content: start }
.justify-content\:end { justify-content: end }
.justify-content\:baseline { justify-content: baseline }
.justify-content\:center { justify-content: center }
.justify-content\:stretch { justify-content: stretch }
.justify-content\:space-between { justify-content: space-between }
.justify-content\:space-around { justify-content: space-around }
.justify-content\:space-evenly { justify-content: space-evenly }
.align-items\:start { align-items: start }
.align-items\:end { align-items: end }
.align-items\:baseline { align-items: baseline }
.align-items\:center { align-items: center }
.align-items\:stretch { align-items: stretch }
.align-self\:start { align-self: start }
.align-self\:end { align-self: end }
.align-self\:baseline { align-self: baseline }
.align-self\:center { align-self: center }
.align-self\:stretch { align-self: stretch }
.flex-grow\:0 { flex-grow: 0 }
.flex-grow\:1 { flex-grow: 1 }
.flex-grow\:2 { flex-grow: 2 }
.flex-grow\:3 { flex-grow: 3 }
.flex-grow\:4 { flex-grow: 4 }
.flex-grow\:5 { flex-grow: 5 }
.flex-grow\:6 { flex-grow: 6 }
.flex-grow\:7 { flex-grow: 7 }
.flex-grow\:8 { flex-grow: 8 }
.flex-grow\:9 { flex-grow: 9 }
.flex-grow\:10 { flex-grow: 10 }
.flex-grow\:11 { flex-grow: 11 }
.flex-grow\:12 { flex-grow: 12 }
.flex-wrap\:wrap { flex-wrap: wrap }
.flex-wrap\:nowrap { flex-wrap: nowrap }
|
