-
Notifications
You must be signed in to change notification settings - Fork 6
/
poco-utilities.css
146 lines (124 loc) · 4.9 KB
/
poco-utilities.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
.width-s {width: var(--space-s)}
.width-m {width: var(--space-m)}
.width-l {width: var(--space-l)}
.width-xl {width: var(--space-xl)}
.width-2xl {width: var(--space-2xl)}
.width-3xl {width: var(--space-3xl)}
.width-4xl {width: var(--space-4xl)}
.width-5xl {width: var(--space-5xl)}
.minWidth-s {min-width: var(--space-s)}
.minWidth-m {min-width: var(--space-m)}
.minWidth-l {min-width: var(--space-l)}
.minWidth-xl {min-width: var(--space-xl)}
.minWidth-2xl {min-width: var(--space-2xl)}
.minWidth-3xl {min-width: var(--space-3xl)}
.minWidth-4xl {min-width: var(--space-4xl)}
.minWidth-5xl {min-width: var(--space-5xl)}
.maxWidth-s {max-width: var(--space-s)}
.maxWidth-m {max-width: var(--space-m)}
.maxWidth-l {max-width: var(--space-l)}
.maxWidth-xl {max-width: var(--space-xl)}
.maxWidth-2xl {max-width: var(--space-2xl)}
.maxWidth-3xl {max-width: var(--space-3xl)}
.maxWidth-4xl {max-width: var(--space-4xl)}
.maxWidth-5xl {max-width: var(--space-5xl)}
.height-s {height: var(--space-s)}
.height-m {height: var(--space-m)}
.height-l {height: var(--space-l)}
.height-xl {height: var(--space-xl)}
.height-2xl {height: var(--space-2xl)}
.height-3xl {height: var(--space-3xl)}
.height-4xl {height: var(--space-4xl)}
.height-5xl {height: var(--space-5xl)}
.minHeight-s {min-height: var(--space-s)}
.minHeight-m {min-height: var(--space-m)}
.minHeight-l {min-height: var(--space-l)}
.minHeight-xl {min-height: var(--space-xl)}
.minHeight-2xl {min-height: var(--space-2xl)}
.minHeight-3xl {min-height: var(--space-3xl)}
.minHeight-4xl {min-height: var(--space-4xl)}
.minHeight-5xl {min-height: var(--space-5xl)}
.maxHeight-s {max-height: var(--space-s)}
.maxHeight-m {max-height: var(--space-m)}
.maxHeight-l {max-height: var(--space-l)}
.maxHeight-xl {max-height: var(--space-xl)}
.maxHeight-2xl {max-height: var(--space-2xl)}
.maxHeight-3xl {max-height: var(--space-3xl)}
.maxHeight-4xl {max-height: var(--space-4xl)}
.maxHeight-5xl {max-height: var(--space-5xl)}
.spacerRight-s {margin-right: var(--space-s)}
.spacerRight-m {margin-right: var(--space-m)}
.spacerRight-l {margin-right: var(--space-l)}
.spacerRight-xl {margin-right: var(--space-xl)}
.spacerLeft-s {margin-left: var(--space-s)}
.spacerLeft-m {margin-left: var(--space-m)}
.spacerLeft-l {margin-left: var(--space-l)}
.spacerLeft-xl {margin-left: var(--space-xl)}
.spacerTop-s {margin-top: var(--space-s)}
.spacerTop-m {margin-top: var(--space-m)}
.spacerTop-l {margin-top: var(--space-l)}
.spacerTop-xl {margin-top: var(--space-xl)}
.spacerBottom-s {margin-bottom: var(--space-s)}
.spacerBottom-m {margin-bottom: var(--space-m)}
.spacerBottom-l {margin-bottom: var(--space-l)}
.spacerBottom-xl {margin-bottom: var(--space-xl)}
.spaceframe-s {padding: var(--spaceframe-s)}
.spaceframe-m {padding: var(--spaceframe-m)}
.spaceframe-l {padding: var(--spaceframe-l)}
.spaceframe-xl {padding: var(--spaceframe-xl)}
.textSize-xs {
font-size: var(--fontSize-xs);
line-height: var(--lineHeight-xs);
}
.textSize-s {
font-size: var(--fontSize-s);
line-height: var(--lineHeight-s);
}
.textSize-m {
font-size: var(--fontSize-m);
line-height: var(--lineHeight-m);
}
.textSize-l {
font-size: var(--fontSize-l);
line-height: var(--lineHeight-l);
}
.textSize-xl {
font-size: var(--fontSize-xl);
line-height: var(--lineHeight-xl);
}
.fontWeight-400 {font-weight: var(--fontWeight-400)}
.fontWeight-700 {font-weight: var(--fontWeight-700)}
.c-primary-2xlight {color: var(--c-primary-2xlight)}
.c-primary-xlight {color: var(--c-primary-xlight)}
.c-primary-light {color: var(--c-primary-light)}
.c-primary {color: var(--c-primary)}
.c-primary-dark {color: var(--c-primary-dark)}
.c-primary-xdark {color: var(--c-primary-xdark)}
.c-primary-2xdark {color: var(--c-primary-2xdark)}
.bg-primary-2xlight {background-color: var(--c-primary-2xlight)}
.bg-primary-xlight {background-color: var(--c-primary-xlight)}
.bg-primary-light {background-color: var(--c-primary-light)}
.bg-primary {background-color: var(--c-primary)}
.bg-primary-dark {background-color: var(--c-primary-dark)}
.bg-primary-xdark {background-color: var(--c-primary-xdark)}
.bg-primary-2xdark {background-color: var(--c-primary-2xdark)}
.c-grey-1 {color: var(--c-grey-1)}
.c-grey-2 {color: var(--c-grey-2)}
.c-grey-3 {color: var(--c-grey-3)}
.c-grey-4 {color: var(--c-grey-4)}
.c-grey-5 {color: var(--c-grey-5)}
.c-grey-6 {color: var(--c-grey-6)}
.c-grey-7 {color: var(--c-grey-7)}
.c-grey-8 {color: var(--c-grey-8)}
.bg-grey-1 {background-color: var(--c-grey-1)}
.bg-grey-2 {background-color: var(--c-grey-2)}
.bg-grey-3 {background-color: var(--c-grey-3)}
.bg-grey-4 {background-color: var(--c-grey-4)}
.bg-grey-5 {background-color: var(--c-grey-5)}
.bg-grey-6 {background-color: var(--c-grey-6)}
.bg-grey-7 {background-color: var(--c-grey-7)}
.bg-grey-8 {background-color: var(--c-grey-8)}
.c-body {color: var(--c-body)}
.c-background {color: var(--c-background)}
.bg-body {background-color: var(--c-body)}
.bg-background {background-color: var(--c-background)}