-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmodule.css
162 lines (136 loc) · 5.5 KB
/
module.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
.p0 { padding: 0 }
.p1 { padding: var(--space-1) }
.p2 { padding: var(--space-2) }
.p3 { padding: var(--space-3) }
.p4 { padding: var(--space-4) }
.pt0 { padding-top: 0 }
.pt1 { padding-top: var(--space-1) }
.pt2 { padding-top: var(--space-2) }
.pt3 { padding-top: var(--space-3) }
.pt4 { padding-top: var(--space-4) }
.pl0 { padding-left: 0 }
.pl1 { padding-left: var(--space-1) }
.pl2 { padding-left: var(--space-2) }
.pl3 { padding-left: var(--space-3) }
.pl4 { padding-left: var(--space-4) }
.pr0 { padding-right: 0 }
.pr1 { padding-right: var(--space-1) }
.pr2 { padding-right: var(--space-2) }
.pr3 { padding-right: var(--space-3) }
.pr4 { padding-right: var(--space-4) }
.pb0 { padding-bottom: 0 }
.pb1 { padding-bottom: var(--space-1) }
.pb2 { padding-bottom: var(--space-2) }
.pb3 { padding-bottom: var(--space-3) }
.pb4 { padding-bottom: var(--space-4) }
.-m2 { margin: calc(var(--space-2) * -1) }
.-m1 { margin: calc(var(--space-1) * -1) }
.m0 { margin: 0 }
.m1 { margin: var(--space-1) }
.m2 { margin: var(--space-2) }
.m3 { margin: var(--space-3) }
.m4 { margin: var(--space-4) }
.m-auto { margin: auto }
.mt0 { margin-top: 0 }
.mt1 { margin-top: var(--space-1) }
.mt2 { margin-top: var(--space-2) }
.mt3 { margin-top: var(--space-3) }
.mt4 { margin-top: var(--space-4) }
.ml0 { margin-left: 0 }
.ml1 { margin-left: var(--space-1) }
.ml2 { margin-left: var(--space-2) }
.ml3 { margin-left: var(--space-3) }
.ml4 { margin-left: var(--space-4) }
.mr0 { margin-right: 0 }
.mr1 { margin-right: var(--space-1) }
.mr2 { margin-right: var(--space-2) }
.mr3 { margin-right: var(--space-3) }
.mr4 { margin-right: var(--space-4) }
.mb0 { margin-bottom: 0 }
.mb1 { margin-bottom: var(--space-1) }
.mb2 { margin-bottom: var(--space-2) }
.mb3 { margin-bottom: var(--space-3) }
.mb4 { margin-bottom: var(--space-4) }
.mt-auto { margin-top: auto }
.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mb-auto { margin-bottom: auto }
.mt0-first:first-child { margin-top: 0 }
.ml0-first:first-child { margin-left: 0 }
.mr0-first:first-child { margin-right: 0 }
.mb0-first:first-child { margin-bottom: 0 }
.mt0-last:last-child { margin-top: 0 }
.ml0-last:last-child { margin-left: 0 }
.mr0-last:last-child { margin-right: 0 }
.mb0-last:last-child { margin-bottom: 0 }
[data-spacing~=p0] { padding: 0 }
[data-spacing~=p1] { padding: var(--space-1) }
[data-spacing~=p2] { padding: var(--space-2) }
[data-spacing~=p3] { padding: var(--space-3) }
[data-spacing~=p4] { padding: var(--space-4) }
[data-spacing~=pt0] { padding-top: 0 }
[data-spacing~=pt1] { padding-top: var(--space-1) }
[data-spacing~=pt2] { padding-top: var(--space-2) }
[data-spacing~=pt3] { padding-top: var(--space-3) }
[data-spacing~=pt4] { padding-top: var(--space-4) }
[data-spacing~=pl0] { padding-left: 0 }
[data-spacing~=pl1] { padding-left: var(--space-1) }
[data-spacing~=pl2] { padding-left: var(--space-2) }
[data-spacing~=pl3] { padding-left: var(--space-3) }
[data-spacing~=pl4] { padding-left: var(--space-4) }
[data-spacing~=pr0] { padding-right: 0 }
[data-spacing~=pr1] { padding-right: var(--space-1) }
[data-spacing~=pr2] { padding-right: var(--space-2) }
[data-spacing~=pr3] { padding-right: var(--space-3) }
[data-spacing~=pr4] { padding-right: var(--space-4) }
[data-spacing~=pb0] { padding-bottom: 0 }
[data-spacing~=pb1] { padding-bottom: var(--space-1) }
[data-spacing~=pb2] { padding-bottom: var(--space-2) }
[data-spacing~=pb3] { padding-bottom: var(--space-3) }
[data-spacing~=pb4] { padding-bottom: var(--space-4) }
[data-spacing~=-m2] { margin: calc(var(--space-2) * -1) }
[data-spacing~=-m1] { margin: calc(var(--space-1) * -1) }
[data-spacing~=m0] { margin: 0 }
[data-spacing~=m1] { margin: var(--space-1) }
[data-spacing~=m2] { margin: var(--space-2) }
[data-spacing~=m3] { margin: var(--space-3) }
[data-spacing~=m4] { margin: var(--space-4) }
[data-spacing~=m-auto] { margin: auto }
[data-spacing~=mt0] { margin-top: 0 }
[data-spacing~=mt1] { margin-top: var(--space-1) }
[data-spacing~=mt2] { margin-top: var(--space-2) }
[data-spacing~=mt3] { margin-top: var(--space-3) }
[data-spacing~=mt4] { margin-top: var(--space-4) }
[data-spacing~=ml0] { margin-left: 0 }
[data-spacing~=ml1] { margin-left: var(--space-1) }
[data-spacing~=ml2] { margin-left: var(--space-2) }
[data-spacing~=ml3] { margin-left: var(--space-3) }
[data-spacing~=ml4] { margin-left: var(--space-4) }
[data-spacing~=mr0] { margin-right: 0 }
[data-spacing~=mr1] { margin-right: var(--space-1) }
[data-spacing~=mr2] { margin-right: var(--space-2) }
[data-spacing~=mr3] { margin-right: var(--space-3) }
[data-spacing~=mr4] { margin-right: var(--space-4) }
[data-spacing~=mb0] { margin-bottom: 0 }
[data-spacing~=mb1] { margin-bottom: var(--space-1) }
[data-spacing~=mb2] { margin-bottom: var(--space-2) }
[data-spacing~=mb3] { margin-bottom: var(--space-3) }
[data-spacing~=mb4] { margin-bottom: var(--space-4) }
[data-spacing~=mt-auto] { margin-top: auto }
[data-spacing~=ml-auto] { margin-left: auto }
[data-spacing~=mr-auto] { margin-right: auto }
[data-spacing~=mb-auto] { margin-bottom: auto }
[data-spacing~=mt0-first]:first-child { margin-top: 0 }
[data-spacing~=ml0-first]:first-child { margin-left: 0 }
[data-spacing~=mr0-first]:first-child { margin-right: 0 }
[data-spacing~=mb0-first]:first-child { margin-bottom: 0 }
[data-spacing~=mt0-last]:last-child { margin-top: 0 }
[data-spacing~=ml0-last]:last-child { margin-left: 0 }
[data-spacing~=mr0-last]:last-child { margin-right: 0 }
[data-spacing~=mb0-last]:last-child { margin-bottom: 0 }
:root {
--space-1: .5rem;
--space-2: 1rem;
--space-3: 2rem;
--space-4: 4rem;
}