quasar-ui-sellmate-ui-kit 3.2.19 → 3.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.common.js +2 -2
- package/dist/index.css +461 -328
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +2 -2
- package/dist/index.rtl.css +461 -328
- package/dist/index.rtl.min.css +2 -2
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/STable.vue +7 -1
- package/src/css/default.scss +111 -592
package/dist/index.css
CHANGED
|
@@ -1,392 +1,381 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* quasar-ui-sellmate-ui-kit v3.2.
|
|
2
|
+
* quasar-ui-sellmate-ui-kit v3.2.20
|
|
3
3
|
* (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
@import 'material-icons/iconfont/material-icons.css';
|
|
7
7
|
/*********** spacing ***********/
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/***** spacing *****/
|
|
9
|
+
.s-mt-xxs {
|
|
10
|
+
margin-top: 6px;
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
.s-pt-xxs {
|
|
13
14
|
padding-top: 6px;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
|
-
.s-
|
|
17
|
-
|
|
17
|
+
.s-mr-xxs {
|
|
18
|
+
margin-right: 6px;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.s-pr-xxs {
|
|
21
22
|
padding-right: 6px;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
|
-
.s-
|
|
25
|
-
|
|
25
|
+
.s-mb-xxs {
|
|
26
|
+
margin-bottom: 6px;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
|
-
.s-
|
|
29
|
-
padding-top: 6px;
|
|
29
|
+
.s-pb-xxs {
|
|
30
30
|
padding-bottom: 6px;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.s-
|
|
34
|
-
|
|
35
|
-
padding-left: 6px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.s-pa-xs {
|
|
39
|
-
padding: 10px;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.s-pt-xs {
|
|
43
|
-
padding-top: 10px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.s-pb-xs {
|
|
47
|
-
padding-bottom: 10px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.s-pr-xs {
|
|
51
|
-
padding-right: 10px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.s-pl-xs {
|
|
55
|
-
padding-left: 10px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.s-py-xs {
|
|
59
|
-
padding-top: 10px;
|
|
60
|
-
padding-bottom: 10px;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.s-px-xs {
|
|
64
|
-
padding-right: 10px;
|
|
65
|
-
padding-left: 10px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.s-pa-sm {
|
|
69
|
-
padding: 12px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.s-pt-sm {
|
|
73
|
-
padding-top: 12px;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.s-pb-sm {
|
|
77
|
-
padding-bottom: 12px;
|
|
33
|
+
.s-ml-xxs {
|
|
34
|
+
margin-left: 6px;
|
|
78
35
|
}
|
|
79
36
|
|
|
80
|
-
.s-
|
|
81
|
-
padding-
|
|
37
|
+
.s-pl-xxs {
|
|
38
|
+
padding-left: 6px;
|
|
82
39
|
}
|
|
83
40
|
|
|
84
|
-
.s-
|
|
85
|
-
|
|
41
|
+
.s-mx-xxs {
|
|
42
|
+
margin-left: 6px;
|
|
43
|
+
margin-right: 6px;
|
|
86
44
|
}
|
|
87
45
|
|
|
88
|
-
.s-
|
|
89
|
-
padding-
|
|
90
|
-
padding-
|
|
46
|
+
.s-px-xxs {
|
|
47
|
+
padding-left: 6px;
|
|
48
|
+
padding-right: 6px;
|
|
91
49
|
}
|
|
92
50
|
|
|
93
|
-
.s-
|
|
94
|
-
|
|
95
|
-
|
|
51
|
+
.s-my-xxs {
|
|
52
|
+
margin-top: 6px;
|
|
53
|
+
margin-bottom: 6px;
|
|
96
54
|
}
|
|
97
55
|
|
|
98
|
-
.s-
|
|
99
|
-
padding:
|
|
56
|
+
.s-py-xxs {
|
|
57
|
+
padding-top: 6px;
|
|
58
|
+
padding-bottom: 6px;
|
|
100
59
|
}
|
|
101
60
|
|
|
102
|
-
.s-
|
|
103
|
-
|
|
61
|
+
.s-ma-xxs {
|
|
62
|
+
margin-left: 6px;
|
|
63
|
+
margin-right: 6px;
|
|
64
|
+
margin-top: 6px;
|
|
65
|
+
margin-bottom: 6px;
|
|
104
66
|
}
|
|
105
67
|
|
|
106
|
-
.s-
|
|
107
|
-
padding-
|
|
68
|
+
.s-pa-xxs {
|
|
69
|
+
padding-left: 6px;
|
|
70
|
+
padding-right: 6px;
|
|
71
|
+
padding-top: 6px;
|
|
72
|
+
padding-bottom: 6px;
|
|
108
73
|
}
|
|
109
74
|
|
|
110
|
-
.s-
|
|
111
|
-
|
|
75
|
+
.s-mt-xs {
|
|
76
|
+
margin-top: 10px;
|
|
112
77
|
}
|
|
113
78
|
|
|
114
|
-
.s-
|
|
115
|
-
padding-
|
|
79
|
+
.s-pt-xs {
|
|
80
|
+
padding-top: 10px;
|
|
116
81
|
}
|
|
117
82
|
|
|
118
|
-
.s-
|
|
119
|
-
|
|
120
|
-
padding-bottom: 18px;
|
|
83
|
+
.s-mr-xs {
|
|
84
|
+
margin-right: 10px;
|
|
121
85
|
}
|
|
122
86
|
|
|
123
|
-
.s-
|
|
124
|
-
padding-right:
|
|
125
|
-
padding-left: 18px;
|
|
87
|
+
.s-pr-xs {
|
|
88
|
+
padding-right: 10px;
|
|
126
89
|
}
|
|
127
90
|
|
|
128
|
-
.s-
|
|
129
|
-
|
|
91
|
+
.s-mb-xs {
|
|
92
|
+
margin-bottom: 10px;
|
|
130
93
|
}
|
|
131
94
|
|
|
132
|
-
.s-
|
|
133
|
-
padding-
|
|
95
|
+
.s-pb-xs {
|
|
96
|
+
padding-bottom: 10px;
|
|
134
97
|
}
|
|
135
98
|
|
|
136
|
-
.s-
|
|
137
|
-
|
|
99
|
+
.s-ml-xs {
|
|
100
|
+
margin-left: 10px;
|
|
138
101
|
}
|
|
139
102
|
|
|
140
|
-
.s-
|
|
141
|
-
padding-
|
|
103
|
+
.s-pl-xs {
|
|
104
|
+
padding-left: 10px;
|
|
142
105
|
}
|
|
143
106
|
|
|
144
|
-
.s-
|
|
145
|
-
|
|
107
|
+
.s-mx-xs {
|
|
108
|
+
margin-left: 10px;
|
|
109
|
+
margin-right: 10px;
|
|
146
110
|
}
|
|
147
111
|
|
|
148
|
-
.s-
|
|
149
|
-
padding-
|
|
150
|
-
padding-
|
|
112
|
+
.s-px-xs {
|
|
113
|
+
padding-left: 10px;
|
|
114
|
+
padding-right: 10px;
|
|
151
115
|
}
|
|
152
116
|
|
|
153
|
-
.s-
|
|
154
|
-
|
|
155
|
-
|
|
117
|
+
.s-my-xs {
|
|
118
|
+
margin-top: 10px;
|
|
119
|
+
margin-bottom: 10px;
|
|
156
120
|
}
|
|
157
121
|
|
|
158
|
-
.s-
|
|
159
|
-
padding:
|
|
122
|
+
.s-py-xs {
|
|
123
|
+
padding-top: 10px;
|
|
124
|
+
padding-bottom: 10px;
|
|
160
125
|
}
|
|
161
126
|
|
|
162
|
-
.s-
|
|
163
|
-
|
|
127
|
+
.s-ma-xs {
|
|
128
|
+
margin-left: 10px;
|
|
129
|
+
margin-right: 10px;
|
|
130
|
+
margin-top: 10px;
|
|
131
|
+
margin-bottom: 10px;
|
|
164
132
|
}
|
|
165
133
|
|
|
166
|
-
.s-
|
|
167
|
-
padding-
|
|
134
|
+
.s-pa-xs {
|
|
135
|
+
padding-left: 10px;
|
|
136
|
+
padding-right: 10px;
|
|
137
|
+
padding-top: 10px;
|
|
138
|
+
padding-bottom: 10px;
|
|
168
139
|
}
|
|
169
140
|
|
|
170
|
-
.s-
|
|
171
|
-
|
|
141
|
+
.s-mt-sm {
|
|
142
|
+
margin-top: 12px;
|
|
172
143
|
}
|
|
173
144
|
|
|
174
|
-
.s-
|
|
175
|
-
padding-
|
|
145
|
+
.s-pt-sm {
|
|
146
|
+
padding-top: 12px;
|
|
176
147
|
}
|
|
177
148
|
|
|
178
|
-
.s-
|
|
179
|
-
|
|
180
|
-
padding-bottom: 22px;
|
|
149
|
+
.s-mr-sm {
|
|
150
|
+
margin-right: 12px;
|
|
181
151
|
}
|
|
182
152
|
|
|
183
|
-
.s-
|
|
184
|
-
padding-right:
|
|
185
|
-
padding-left: 22px;
|
|
153
|
+
.s-pr-sm {
|
|
154
|
+
padding-right: 12px;
|
|
186
155
|
}
|
|
187
156
|
|
|
188
|
-
.s-
|
|
189
|
-
|
|
157
|
+
.s-mb-sm {
|
|
158
|
+
margin-bottom: 12px;
|
|
190
159
|
}
|
|
191
160
|
|
|
192
|
-
.s-
|
|
193
|
-
padding-
|
|
161
|
+
.s-pb-sm {
|
|
162
|
+
padding-bottom: 12px;
|
|
194
163
|
}
|
|
195
164
|
|
|
196
|
-
.s-
|
|
197
|
-
|
|
165
|
+
.s-ml-sm {
|
|
166
|
+
margin-left: 12px;
|
|
198
167
|
}
|
|
199
168
|
|
|
200
|
-
.s-
|
|
201
|
-
padding-
|
|
169
|
+
.s-pl-sm {
|
|
170
|
+
padding-left: 12px;
|
|
202
171
|
}
|
|
203
172
|
|
|
204
|
-
.s-
|
|
205
|
-
|
|
173
|
+
.s-mx-sm {
|
|
174
|
+
margin-left: 12px;
|
|
175
|
+
margin-right: 12px;
|
|
206
176
|
}
|
|
207
177
|
|
|
208
|
-
.s-
|
|
209
|
-
padding-
|
|
210
|
-
padding-
|
|
178
|
+
.s-px-sm {
|
|
179
|
+
padding-left: 12px;
|
|
180
|
+
padding-right: 12px;
|
|
211
181
|
}
|
|
212
182
|
|
|
213
|
-
.s-
|
|
214
|
-
|
|
215
|
-
|
|
183
|
+
.s-my-sm {
|
|
184
|
+
margin-top: 12px;
|
|
185
|
+
margin-bottom: 12px;
|
|
216
186
|
}
|
|
217
187
|
|
|
218
|
-
.s-
|
|
219
|
-
padding:
|
|
188
|
+
.s-py-sm {
|
|
189
|
+
padding-top: 12px;
|
|
190
|
+
padding-bottom: 12px;
|
|
220
191
|
}
|
|
221
192
|
|
|
222
|
-
.s-ma-
|
|
223
|
-
margin:
|
|
193
|
+
.s-ma-sm {
|
|
194
|
+
margin-left: 12px;
|
|
195
|
+
margin-right: 12px;
|
|
196
|
+
margin-top: 12px;
|
|
197
|
+
margin-bottom: 12px;
|
|
224
198
|
}
|
|
225
199
|
|
|
226
|
-
.s-
|
|
227
|
-
|
|
200
|
+
.s-pa-sm {
|
|
201
|
+
padding-left: 12px;
|
|
202
|
+
padding-right: 12px;
|
|
203
|
+
padding-top: 12px;
|
|
204
|
+
padding-bottom: 12px;
|
|
228
205
|
}
|
|
229
206
|
|
|
230
|
-
.s-
|
|
231
|
-
margin-
|
|
207
|
+
.s-mt-md {
|
|
208
|
+
margin-top: 18px;
|
|
232
209
|
}
|
|
233
210
|
|
|
234
|
-
.s-
|
|
235
|
-
|
|
211
|
+
.s-pt-md {
|
|
212
|
+
padding-top: 18px;
|
|
236
213
|
}
|
|
237
214
|
|
|
238
|
-
.s-
|
|
239
|
-
margin-
|
|
215
|
+
.s-mr-md {
|
|
216
|
+
margin-right: 18px;
|
|
240
217
|
}
|
|
241
218
|
|
|
242
|
-
.s-
|
|
243
|
-
|
|
244
|
-
margin-bottom: 6px;
|
|
219
|
+
.s-pr-md {
|
|
220
|
+
padding-right: 18px;
|
|
245
221
|
}
|
|
246
222
|
|
|
247
|
-
.s-
|
|
248
|
-
margin-
|
|
249
|
-
margin-right: 6px;
|
|
223
|
+
.s-mb-md {
|
|
224
|
+
margin-bottom: 18px;
|
|
250
225
|
}
|
|
251
226
|
|
|
252
|
-
.s-
|
|
253
|
-
|
|
227
|
+
.s-pb-md {
|
|
228
|
+
padding-bottom: 18px;
|
|
254
229
|
}
|
|
255
230
|
|
|
256
|
-
.s-
|
|
257
|
-
margin-
|
|
231
|
+
.s-ml-md {
|
|
232
|
+
margin-left: 18px;
|
|
258
233
|
}
|
|
259
234
|
|
|
260
|
-
.s-
|
|
261
|
-
|
|
235
|
+
.s-pl-md {
|
|
236
|
+
padding-left: 18px;
|
|
262
237
|
}
|
|
263
238
|
|
|
264
|
-
.s-
|
|
265
|
-
margin-
|
|
239
|
+
.s-mx-md {
|
|
240
|
+
margin-left: 18px;
|
|
241
|
+
margin-right: 18px;
|
|
266
242
|
}
|
|
267
243
|
|
|
268
|
-
.s-
|
|
269
|
-
|
|
244
|
+
.s-px-md {
|
|
245
|
+
padding-left: 18px;
|
|
246
|
+
padding-right: 18px;
|
|
270
247
|
}
|
|
271
248
|
|
|
272
|
-
.s-my-
|
|
273
|
-
margin-top:
|
|
274
|
-
margin-bottom:
|
|
249
|
+
.s-my-md {
|
|
250
|
+
margin-top: 18px;
|
|
251
|
+
margin-bottom: 18px;
|
|
275
252
|
}
|
|
276
253
|
|
|
277
|
-
.s-
|
|
278
|
-
|
|
279
|
-
|
|
254
|
+
.s-py-md {
|
|
255
|
+
padding-top: 18px;
|
|
256
|
+
padding-bottom: 18px;
|
|
280
257
|
}
|
|
281
258
|
|
|
282
|
-
.s-ma-
|
|
283
|
-
margin:
|
|
259
|
+
.s-ma-md {
|
|
260
|
+
margin-left: 18px;
|
|
261
|
+
margin-right: 18px;
|
|
262
|
+
margin-top: 18px;
|
|
263
|
+
margin-bottom: 18px;
|
|
284
264
|
}
|
|
285
265
|
|
|
286
|
-
.s-
|
|
287
|
-
|
|
266
|
+
.s-pa-md {
|
|
267
|
+
padding-left: 18px;
|
|
268
|
+
padding-right: 18px;
|
|
269
|
+
padding-top: 18px;
|
|
270
|
+
padding-bottom: 18px;
|
|
288
271
|
}
|
|
289
272
|
|
|
290
|
-
.s-
|
|
291
|
-
margin-
|
|
273
|
+
.s-mt-lg {
|
|
274
|
+
margin-top: 20px;
|
|
292
275
|
}
|
|
293
276
|
|
|
294
|
-
.s-
|
|
295
|
-
|
|
277
|
+
.s-pt-lg {
|
|
278
|
+
padding-top: 20px;
|
|
296
279
|
}
|
|
297
280
|
|
|
298
|
-
.s-
|
|
299
|
-
margin-
|
|
281
|
+
.s-mr-lg {
|
|
282
|
+
margin-right: 20px;
|
|
300
283
|
}
|
|
301
284
|
|
|
302
|
-
.s-
|
|
303
|
-
|
|
304
|
-
margin-bottom: 12px;
|
|
285
|
+
.s-pr-lg {
|
|
286
|
+
padding-right: 20px;
|
|
305
287
|
}
|
|
306
288
|
|
|
307
|
-
.s-
|
|
308
|
-
margin-
|
|
309
|
-
margin-right: 12px;
|
|
289
|
+
.s-mb-lg {
|
|
290
|
+
margin-bottom: 20px;
|
|
310
291
|
}
|
|
311
292
|
|
|
312
|
-
.s-
|
|
313
|
-
|
|
293
|
+
.s-pb-lg {
|
|
294
|
+
padding-bottom: 20px;
|
|
314
295
|
}
|
|
315
296
|
|
|
316
|
-
.s-
|
|
317
|
-
margin-
|
|
297
|
+
.s-ml-lg {
|
|
298
|
+
margin-left: 20px;
|
|
318
299
|
}
|
|
319
300
|
|
|
320
|
-
.s-
|
|
321
|
-
|
|
301
|
+
.s-pl-lg {
|
|
302
|
+
padding-left: 20px;
|
|
322
303
|
}
|
|
323
304
|
|
|
324
|
-
.s-
|
|
325
|
-
margin-
|
|
305
|
+
.s-mx-lg {
|
|
306
|
+
margin-left: 20px;
|
|
307
|
+
margin-right: 20px;
|
|
326
308
|
}
|
|
327
309
|
|
|
328
|
-
.s-
|
|
329
|
-
|
|
310
|
+
.s-px-lg {
|
|
311
|
+
padding-left: 20px;
|
|
312
|
+
padding-right: 20px;
|
|
330
313
|
}
|
|
331
314
|
|
|
332
|
-
.s-my-
|
|
333
|
-
margin-top:
|
|
334
|
-
margin-bottom:
|
|
315
|
+
.s-my-lg {
|
|
316
|
+
margin-top: 20px;
|
|
317
|
+
margin-bottom: 20px;
|
|
335
318
|
}
|
|
336
319
|
|
|
337
|
-
.s-
|
|
338
|
-
|
|
339
|
-
|
|
320
|
+
.s-py-lg {
|
|
321
|
+
padding-top: 20px;
|
|
322
|
+
padding-bottom: 20px;
|
|
340
323
|
}
|
|
341
324
|
|
|
342
325
|
.s-ma-lg {
|
|
343
|
-
margin: 20px;
|
|
326
|
+
margin-left: 20px;
|
|
327
|
+
margin-right: 20px;
|
|
328
|
+
margin-top: 20px;
|
|
329
|
+
margin-bottom: 20px;
|
|
344
330
|
}
|
|
345
331
|
|
|
346
|
-
.s-
|
|
347
|
-
|
|
332
|
+
.s-pa-lg {
|
|
333
|
+
padding-left: 20px;
|
|
334
|
+
padding-right: 20px;
|
|
335
|
+
padding-top: 20px;
|
|
336
|
+
padding-bottom: 20px;
|
|
348
337
|
}
|
|
349
338
|
|
|
350
|
-
.s-
|
|
351
|
-
margin-
|
|
339
|
+
.s-mt-xl {
|
|
340
|
+
margin-top: 22px;
|
|
352
341
|
}
|
|
353
342
|
|
|
354
|
-
.s-
|
|
355
|
-
|
|
343
|
+
.s-pt-xl {
|
|
344
|
+
padding-top: 22px;
|
|
356
345
|
}
|
|
357
346
|
|
|
358
|
-
.s-
|
|
359
|
-
margin-
|
|
347
|
+
.s-mr-xl {
|
|
348
|
+
margin-right: 22px;
|
|
360
349
|
}
|
|
361
350
|
|
|
362
|
-
.s-
|
|
363
|
-
|
|
364
|
-
margin-bottom: 20px;
|
|
351
|
+
.s-pr-xl {
|
|
352
|
+
padding-right: 22px;
|
|
365
353
|
}
|
|
366
354
|
|
|
367
|
-
.s-
|
|
368
|
-
margin-
|
|
369
|
-
margin-right: 20px;
|
|
355
|
+
.s-mb-xl {
|
|
356
|
+
margin-bottom: 22px;
|
|
370
357
|
}
|
|
371
358
|
|
|
372
|
-
.s-
|
|
373
|
-
|
|
359
|
+
.s-pb-xl {
|
|
360
|
+
padding-bottom: 22px;
|
|
374
361
|
}
|
|
375
362
|
|
|
376
|
-
.s-
|
|
377
|
-
margin-
|
|
363
|
+
.s-ml-xl {
|
|
364
|
+
margin-left: 22px;
|
|
378
365
|
}
|
|
379
366
|
|
|
380
|
-
.s-
|
|
381
|
-
|
|
367
|
+
.s-pl-xl {
|
|
368
|
+
padding-left: 22px;
|
|
382
369
|
}
|
|
383
370
|
|
|
384
|
-
.s-
|
|
371
|
+
.s-mx-xl {
|
|
372
|
+
margin-left: 22px;
|
|
385
373
|
margin-right: 22px;
|
|
386
374
|
}
|
|
387
375
|
|
|
388
|
-
.s-
|
|
389
|
-
|
|
376
|
+
.s-px-xl {
|
|
377
|
+
padding-left: 22px;
|
|
378
|
+
padding-right: 22px;
|
|
390
379
|
}
|
|
391
380
|
|
|
392
381
|
.s-my-xl {
|
|
@@ -394,34 +383,55 @@
|
|
|
394
383
|
margin-bottom: 22px;
|
|
395
384
|
}
|
|
396
385
|
|
|
397
|
-
.s-
|
|
386
|
+
.s-py-xl {
|
|
387
|
+
padding-top: 22px;
|
|
388
|
+
padding-bottom: 22px;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.s-ma-xl {
|
|
398
392
|
margin-left: 22px;
|
|
399
393
|
margin-right: 22px;
|
|
394
|
+
margin-top: 22px;
|
|
395
|
+
margin-bottom: 22px;
|
|
400
396
|
}
|
|
401
397
|
|
|
402
|
-
.s-
|
|
403
|
-
|
|
398
|
+
.s-pa-xl {
|
|
399
|
+
padding-left: 22px;
|
|
400
|
+
padding-right: 22px;
|
|
401
|
+
padding-top: 22px;
|
|
402
|
+
padding-bottom: 22px;
|
|
404
403
|
}
|
|
405
404
|
|
|
406
405
|
.s-mt-xxl {
|
|
407
406
|
margin-top: 30px;
|
|
408
407
|
}
|
|
409
408
|
|
|
410
|
-
.s-
|
|
411
|
-
|
|
409
|
+
.s-pt-xxl {
|
|
410
|
+
padding-top: 30px;
|
|
412
411
|
}
|
|
413
412
|
|
|
414
413
|
.s-mr-xxl {
|
|
415
414
|
margin-right: 30px;
|
|
416
415
|
}
|
|
417
416
|
|
|
417
|
+
.s-pr-xxl {
|
|
418
|
+
padding-right: 30px;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
.s-mb-xxl {
|
|
422
|
+
margin-bottom: 30px;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.s-pb-xxl {
|
|
426
|
+
padding-bottom: 30px;
|
|
427
|
+
}
|
|
428
|
+
|
|
418
429
|
.s-ml-xxl {
|
|
419
430
|
margin-left: 30px;
|
|
420
431
|
}
|
|
421
432
|
|
|
422
|
-
.s-
|
|
423
|
-
|
|
424
|
-
margin-bottom: 30px;
|
|
433
|
+
.s-pl-xxl {
|
|
434
|
+
padding-left: 30px;
|
|
425
435
|
}
|
|
426
436
|
|
|
427
437
|
.s-mx-xxl {
|
|
@@ -429,34 +439,51 @@
|
|
|
429
439
|
margin-right: 30px;
|
|
430
440
|
}
|
|
431
441
|
|
|
432
|
-
.s-
|
|
433
|
-
|
|
442
|
+
.s-px-xxl {
|
|
443
|
+
padding-left: 30px;
|
|
444
|
+
padding-right: 30px;
|
|
434
445
|
}
|
|
435
446
|
|
|
436
|
-
.s-
|
|
447
|
+
.s-my-xxl {
|
|
437
448
|
margin-top: 30px;
|
|
449
|
+
margin-bottom: 30px;
|
|
438
450
|
}
|
|
439
451
|
|
|
440
|
-
.s-
|
|
441
|
-
|
|
452
|
+
.s-py-xxl {
|
|
453
|
+
padding-top: 30px;
|
|
454
|
+
padding-bottom: 30px;
|
|
442
455
|
}
|
|
443
456
|
|
|
444
|
-
.s-
|
|
457
|
+
.s-ma-xxl {
|
|
458
|
+
margin-left: 30px;
|
|
445
459
|
margin-right: 30px;
|
|
460
|
+
margin-top: 30px;
|
|
461
|
+
margin-bottom: 30px;
|
|
446
462
|
}
|
|
447
463
|
|
|
448
|
-
.s-
|
|
449
|
-
|
|
464
|
+
.s-pa-xxl {
|
|
465
|
+
padding-left: 30px;
|
|
466
|
+
padding-right: 30px;
|
|
467
|
+
padding-top: 30px;
|
|
468
|
+
padding-bottom: 30px;
|
|
450
469
|
}
|
|
451
470
|
|
|
452
|
-
.s-
|
|
453
|
-
|
|
454
|
-
|
|
471
|
+
.s-py-sm {
|
|
472
|
+
padding-top: 12px !important;
|
|
473
|
+
padding-bottom: 12px !important;
|
|
455
474
|
}
|
|
456
475
|
|
|
457
|
-
.s-
|
|
458
|
-
|
|
459
|
-
|
|
476
|
+
.s-px-lg {
|
|
477
|
+
padding-right: 20px !important;
|
|
478
|
+
padding-left: 20px !important;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
.s-mr-sm {
|
|
482
|
+
margin-right: 12px !important;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.s-mr-lg {
|
|
486
|
+
margin-right: 20px !important;
|
|
460
487
|
}
|
|
461
488
|
|
|
462
489
|
.s-border-primary {
|
|
@@ -6385,7 +6412,7 @@
|
|
|
6385
6412
|
}
|
|
6386
6413
|
|
|
6387
6414
|
.s-border-radius-xs {
|
|
6388
|
-
border-radius: 6px;
|
|
6415
|
+
border-radius: 6px !important;
|
|
6389
6416
|
}
|
|
6390
6417
|
|
|
6391
6418
|
.s-border-radius-sm {
|
|
@@ -6393,27 +6420,27 @@
|
|
|
6393
6420
|
}
|
|
6394
6421
|
|
|
6395
6422
|
.s-border-radius-md {
|
|
6396
|
-
border-radius: 10px;
|
|
6423
|
+
border-radius: 10px !important;
|
|
6397
6424
|
}
|
|
6398
6425
|
|
|
6399
6426
|
.s-border-radius-lg {
|
|
6400
|
-
border-radius: 12px;
|
|
6427
|
+
border-radius: 12px !important;
|
|
6401
6428
|
}
|
|
6402
6429
|
|
|
6403
6430
|
.s-border-radius-xl {
|
|
6404
|
-
border-radius: 14px;
|
|
6431
|
+
border-radius: 14px !important;
|
|
6405
6432
|
}
|
|
6406
6433
|
|
|
6407
6434
|
.s-border-radius-xxl {
|
|
6408
|
-
border-radius: 16px;
|
|
6435
|
+
border-radius: 16px !important;
|
|
6409
6436
|
}
|
|
6410
6437
|
|
|
6411
6438
|
.s-border-radius-chip {
|
|
6412
|
-
border-radius: 40px;
|
|
6439
|
+
border-radius: 40px !important;
|
|
6413
6440
|
}
|
|
6414
6441
|
|
|
6415
|
-
.s-border-radius-
|
|
6416
|
-
border-radius: 2px
|
|
6442
|
+
.s-border-radius-rounded {
|
|
6443
|
+
border-radius: 2px !important;
|
|
6417
6444
|
}
|
|
6418
6445
|
|
|
6419
6446
|
.s-border-radius-left-xxs {
|
|
@@ -6444,8 +6471,12 @@
|
|
|
6444
6471
|
border-radius: 16px 0 0 16px;
|
|
6445
6472
|
}
|
|
6446
6473
|
|
|
6447
|
-
.s-border-radius-
|
|
6448
|
-
border-radius: 0
|
|
6474
|
+
.s-border-radius-left-chip {
|
|
6475
|
+
border-radius: 40px 0 0 40px;
|
|
6476
|
+
}
|
|
6477
|
+
|
|
6478
|
+
.s-border-radius-left-rounded {
|
|
6479
|
+
border-radius: 2px 0 0 2px;
|
|
6449
6480
|
}
|
|
6450
6481
|
|
|
6451
6482
|
.s-border-radius-right-xxs {
|
|
@@ -6476,8 +6507,12 @@
|
|
|
6476
6507
|
border-radius: 0 16px 16px 0;
|
|
6477
6508
|
}
|
|
6478
6509
|
|
|
6479
|
-
.s-border-radius-
|
|
6480
|
-
border-radius:
|
|
6510
|
+
.s-border-radius-right-chip {
|
|
6511
|
+
border-radius: 0 40px 40px 0;
|
|
6512
|
+
}
|
|
6513
|
+
|
|
6514
|
+
.s-border-radius-right-rounded {
|
|
6515
|
+
border-radius: 0 2px 2px 0;
|
|
6481
6516
|
}
|
|
6482
6517
|
|
|
6483
6518
|
.s-border-radius-top-xxs {
|
|
@@ -6508,8 +6543,12 @@
|
|
|
6508
6543
|
border-radius: 16px 16px 0 0;
|
|
6509
6544
|
}
|
|
6510
6545
|
|
|
6511
|
-
.s-border-radius-
|
|
6512
|
-
border-radius: 0 0
|
|
6546
|
+
.s-border-radius-top-chip {
|
|
6547
|
+
border-radius: 40px 40px 0 0;
|
|
6548
|
+
}
|
|
6549
|
+
|
|
6550
|
+
.s-border-radius-top-rounded {
|
|
6551
|
+
border-radius: 2px 2px 0 0;
|
|
6513
6552
|
}
|
|
6514
6553
|
|
|
6515
6554
|
.s-border-radius-bottom-xxs {
|
|
@@ -6540,6 +6579,14 @@
|
|
|
6540
6579
|
border-radius: 0 0 16px 16px;
|
|
6541
6580
|
}
|
|
6542
6581
|
|
|
6582
|
+
.s-border-radius-bottom-chip {
|
|
6583
|
+
border-radius: 0 0 40px 40px;
|
|
6584
|
+
}
|
|
6585
|
+
|
|
6586
|
+
.s-border-radius-bottom-rounded {
|
|
6587
|
+
border-radius: 0 0 2px 2px;
|
|
6588
|
+
}
|
|
6589
|
+
|
|
6543
6590
|
.s-border-top-left-radius-none {
|
|
6544
6591
|
border-top-left-radius: 0;
|
|
6545
6592
|
}
|
|
@@ -6556,12 +6603,11 @@
|
|
|
6556
6603
|
border-bottom-right-radius: 0;
|
|
6557
6604
|
}
|
|
6558
6605
|
|
|
6559
|
-
|
|
6560
|
-
|
|
6561
|
-
font-size: 9px;
|
|
6562
|
-
font-weight: 400;
|
|
6606
|
+
.no-border-radius {
|
|
6607
|
+
border-radius: 0;
|
|
6563
6608
|
}
|
|
6564
6609
|
|
|
6610
|
+
/*********** font ***********/
|
|
6565
6611
|
.font-9-400 {
|
|
6566
6612
|
font-size: 9px;
|
|
6567
6613
|
font-weight: 400;
|
|
@@ -6582,11 +6628,6 @@
|
|
|
6582
6628
|
font-weight: 700;
|
|
6583
6629
|
}
|
|
6584
6630
|
|
|
6585
|
-
.font-10 {
|
|
6586
|
-
font-size: 10px;
|
|
6587
|
-
font-weight: 400;
|
|
6588
|
-
}
|
|
6589
|
-
|
|
6590
6631
|
.font-10-400 {
|
|
6591
6632
|
font-size: 10px;
|
|
6592
6633
|
font-weight: 400;
|
|
@@ -6607,11 +6648,6 @@
|
|
|
6607
6648
|
font-weight: 700;
|
|
6608
6649
|
}
|
|
6609
6650
|
|
|
6610
|
-
.font-11 {
|
|
6611
|
-
font-size: 11px;
|
|
6612
|
-
font-weight: 400;
|
|
6613
|
-
}
|
|
6614
|
-
|
|
6615
6651
|
.font-11-400 {
|
|
6616
6652
|
font-size: 11px;
|
|
6617
6653
|
font-weight: 400;
|
|
@@ -6632,11 +6668,6 @@
|
|
|
6632
6668
|
font-weight: 700;
|
|
6633
6669
|
}
|
|
6634
6670
|
|
|
6635
|
-
.font-12 {
|
|
6636
|
-
font-size: 12px;
|
|
6637
|
-
font-weight: 400;
|
|
6638
|
-
}
|
|
6639
|
-
|
|
6640
6671
|
.font-12-400 {
|
|
6641
6672
|
font-size: 12px;
|
|
6642
6673
|
font-weight: 400;
|
|
@@ -6657,11 +6688,6 @@
|
|
|
6657
6688
|
font-weight: 700;
|
|
6658
6689
|
}
|
|
6659
6690
|
|
|
6660
|
-
.font-13 {
|
|
6661
|
-
font-size: 13px;
|
|
6662
|
-
font-weight: 400;
|
|
6663
|
-
}
|
|
6664
|
-
|
|
6665
6691
|
.font-13-400 {
|
|
6666
6692
|
font-size: 13px;
|
|
6667
6693
|
font-weight: 400;
|
|
@@ -6682,11 +6708,6 @@
|
|
|
6682
6708
|
font-weight: 700;
|
|
6683
6709
|
}
|
|
6684
6710
|
|
|
6685
|
-
.font-14 {
|
|
6686
|
-
font-size: 14px;
|
|
6687
|
-
font-weight: 400;
|
|
6688
|
-
}
|
|
6689
|
-
|
|
6690
6711
|
.font-14-400 {
|
|
6691
6712
|
font-size: 14px;
|
|
6692
6713
|
font-weight: 400;
|
|
@@ -6707,11 +6728,6 @@
|
|
|
6707
6728
|
font-weight: 700;
|
|
6708
6729
|
}
|
|
6709
6730
|
|
|
6710
|
-
.font-15 {
|
|
6711
|
-
font-size: 15px;
|
|
6712
|
-
font-weight: 400;
|
|
6713
|
-
}
|
|
6714
|
-
|
|
6715
6731
|
.font-15-400 {
|
|
6716
6732
|
font-size: 15px;
|
|
6717
6733
|
font-weight: 400;
|
|
@@ -6732,11 +6748,6 @@
|
|
|
6732
6748
|
font-weight: 700;
|
|
6733
6749
|
}
|
|
6734
6750
|
|
|
6735
|
-
.font-16 {
|
|
6736
|
-
font-size: 16px;
|
|
6737
|
-
font-weight: 400;
|
|
6738
|
-
}
|
|
6739
|
-
|
|
6740
6751
|
.font-16-400 {
|
|
6741
6752
|
font-size: 16px;
|
|
6742
6753
|
font-weight: 400;
|
|
@@ -6757,11 +6768,6 @@
|
|
|
6757
6768
|
font-weight: 700;
|
|
6758
6769
|
}
|
|
6759
6770
|
|
|
6760
|
-
.font-17 {
|
|
6761
|
-
font-size: 17px;
|
|
6762
|
-
font-weight: 400;
|
|
6763
|
-
}
|
|
6764
|
-
|
|
6765
6771
|
.font-17-400 {
|
|
6766
6772
|
font-size: 17px;
|
|
6767
6773
|
font-weight: 400;
|
|
@@ -6782,11 +6788,6 @@
|
|
|
6782
6788
|
font-weight: 700;
|
|
6783
6789
|
}
|
|
6784
6790
|
|
|
6785
|
-
.font-18 {
|
|
6786
|
-
font-size: 18px;
|
|
6787
|
-
font-weight: 400;
|
|
6788
|
-
}
|
|
6789
|
-
|
|
6790
6791
|
.font-18-400 {
|
|
6791
6792
|
font-size: 18px;
|
|
6792
6793
|
font-weight: 400;
|
|
@@ -6807,11 +6808,6 @@
|
|
|
6807
6808
|
font-weight: 700;
|
|
6808
6809
|
}
|
|
6809
6810
|
|
|
6810
|
-
.font-19 {
|
|
6811
|
-
font-size: 19px;
|
|
6812
|
-
font-weight: 400;
|
|
6813
|
-
}
|
|
6814
|
-
|
|
6815
6811
|
.font-19-400 {
|
|
6816
6812
|
font-size: 19px;
|
|
6817
6813
|
font-weight: 400;
|
|
@@ -6832,11 +6828,6 @@
|
|
|
6832
6828
|
font-weight: 700;
|
|
6833
6829
|
}
|
|
6834
6830
|
|
|
6835
|
-
.font-20 {
|
|
6836
|
-
font-size: 20px;
|
|
6837
|
-
font-weight: 400;
|
|
6838
|
-
}
|
|
6839
|
-
|
|
6840
6831
|
.font-20-400 {
|
|
6841
6832
|
font-size: 20px;
|
|
6842
6833
|
font-weight: 400;
|
|
@@ -6857,11 +6848,6 @@
|
|
|
6857
6848
|
font-weight: 700;
|
|
6858
6849
|
}
|
|
6859
6850
|
|
|
6860
|
-
.font-24 {
|
|
6861
|
-
font-size: 24px;
|
|
6862
|
-
font-weight: 400;
|
|
6863
|
-
}
|
|
6864
|
-
|
|
6865
6851
|
.font-24-400 {
|
|
6866
6852
|
font-size: 24px;
|
|
6867
6853
|
font-weight: 400;
|
|
@@ -6882,11 +6868,6 @@
|
|
|
6882
6868
|
font-weight: 700;
|
|
6883
6869
|
}
|
|
6884
6870
|
|
|
6885
|
-
.font-40 {
|
|
6886
|
-
font-size: 40px;
|
|
6887
|
-
font-weight: 400;
|
|
6888
|
-
}
|
|
6889
|
-
|
|
6890
6871
|
.font-40-400 {
|
|
6891
6872
|
font-size: 40px;
|
|
6892
6873
|
font-weight: 400;
|
|
@@ -6907,11 +6888,6 @@
|
|
|
6907
6888
|
font-weight: 700;
|
|
6908
6889
|
}
|
|
6909
6890
|
|
|
6910
|
-
.font-66 {
|
|
6911
|
-
font-size: 66px;
|
|
6912
|
-
font-weight: 400;
|
|
6913
|
-
}
|
|
6914
|
-
|
|
6915
6891
|
.font-66-400 {
|
|
6916
6892
|
font-size: 66px;
|
|
6917
6893
|
font-weight: 400;
|
|
@@ -6932,6 +6908,163 @@
|
|
|
6932
6908
|
font-weight: 700;
|
|
6933
6909
|
}
|
|
6934
6910
|
|
|
6911
|
+
/***** gap *****/
|
|
6912
|
+
.s-gap-x-0 {
|
|
6913
|
+
column-gap: 0px;
|
|
6914
|
+
}
|
|
6915
|
+
|
|
6916
|
+
.s-gap-y-0 {
|
|
6917
|
+
row-gap: 0px;
|
|
6918
|
+
}
|
|
6919
|
+
|
|
6920
|
+
.s-gap-0 {
|
|
6921
|
+
gap: 0px;
|
|
6922
|
+
}
|
|
6923
|
+
|
|
6924
|
+
.s-gap-x-4 {
|
|
6925
|
+
column-gap: 4px;
|
|
6926
|
+
}
|
|
6927
|
+
|
|
6928
|
+
.s-gap-y-4 {
|
|
6929
|
+
row-gap: 4px;
|
|
6930
|
+
}
|
|
6931
|
+
|
|
6932
|
+
.s-gap-4 {
|
|
6933
|
+
gap: 4px;
|
|
6934
|
+
}
|
|
6935
|
+
|
|
6936
|
+
.s-gap-x-6 {
|
|
6937
|
+
column-gap: 6px;
|
|
6938
|
+
}
|
|
6939
|
+
|
|
6940
|
+
.s-gap-y-6 {
|
|
6941
|
+
row-gap: 6px;
|
|
6942
|
+
}
|
|
6943
|
+
|
|
6944
|
+
.s-gap-6 {
|
|
6945
|
+
gap: 6px;
|
|
6946
|
+
}
|
|
6947
|
+
|
|
6948
|
+
.s-gap-x-8 {
|
|
6949
|
+
column-gap: 8px;
|
|
6950
|
+
}
|
|
6951
|
+
|
|
6952
|
+
.s-gap-y-8 {
|
|
6953
|
+
row-gap: 8px;
|
|
6954
|
+
}
|
|
6955
|
+
|
|
6956
|
+
.s-gap-8 {
|
|
6957
|
+
gap: 8px;
|
|
6958
|
+
}
|
|
6959
|
+
|
|
6960
|
+
.s-gap-x-10 {
|
|
6961
|
+
column-gap: 10px;
|
|
6962
|
+
}
|
|
6963
|
+
|
|
6964
|
+
.s-gap-y-10 {
|
|
6965
|
+
row-gap: 10px;
|
|
6966
|
+
}
|
|
6967
|
+
|
|
6968
|
+
.s-gap-10 {
|
|
6969
|
+
gap: 10px;
|
|
6970
|
+
}
|
|
6971
|
+
|
|
6972
|
+
.s-gap-x-12 {
|
|
6973
|
+
column-gap: 12px;
|
|
6974
|
+
}
|
|
6975
|
+
|
|
6976
|
+
.s-gap-y-12 {
|
|
6977
|
+
row-gap: 12px;
|
|
6978
|
+
}
|
|
6979
|
+
|
|
6980
|
+
.s-gap-12 {
|
|
6981
|
+
gap: 12px;
|
|
6982
|
+
}
|
|
6983
|
+
|
|
6984
|
+
.s-gap-x-16 {
|
|
6985
|
+
column-gap: 16px;
|
|
6986
|
+
}
|
|
6987
|
+
|
|
6988
|
+
.s-gap-y-16 {
|
|
6989
|
+
row-gap: 16px;
|
|
6990
|
+
}
|
|
6991
|
+
|
|
6992
|
+
.s-gap-16 {
|
|
6993
|
+
gap: 16px;
|
|
6994
|
+
}
|
|
6995
|
+
|
|
6996
|
+
.s-gap-x-18 {
|
|
6997
|
+
column-gap: 18px;
|
|
6998
|
+
}
|
|
6999
|
+
|
|
7000
|
+
.s-gap-y-18 {
|
|
7001
|
+
row-gap: 18px;
|
|
7002
|
+
}
|
|
7003
|
+
|
|
7004
|
+
.s-gap-18 {
|
|
7005
|
+
gap: 18px;
|
|
7006
|
+
}
|
|
7007
|
+
|
|
7008
|
+
.s-gap-x-20 {
|
|
7009
|
+
column-gap: 20px;
|
|
7010
|
+
}
|
|
7011
|
+
|
|
7012
|
+
.s-gap-y-20 {
|
|
7013
|
+
row-gap: 20px;
|
|
7014
|
+
}
|
|
7015
|
+
|
|
7016
|
+
.s-gap-20 {
|
|
7017
|
+
gap: 20px;
|
|
7018
|
+
}
|
|
7019
|
+
|
|
7020
|
+
.s-gap-x-22 {
|
|
7021
|
+
column-gap: 22px;
|
|
7022
|
+
}
|
|
7023
|
+
|
|
7024
|
+
.s-gap-y-22 {
|
|
7025
|
+
row-gap: 22px;
|
|
7026
|
+
}
|
|
7027
|
+
|
|
7028
|
+
.s-gap-22 {
|
|
7029
|
+
gap: 22px;
|
|
7030
|
+
}
|
|
7031
|
+
|
|
7032
|
+
.s-gap-x-24 {
|
|
7033
|
+
column-gap: 24px;
|
|
7034
|
+
}
|
|
7035
|
+
|
|
7036
|
+
.s-gap-y-24 {
|
|
7037
|
+
row-gap: 24px;
|
|
7038
|
+
}
|
|
7039
|
+
|
|
7040
|
+
.s-gap-24 {
|
|
7041
|
+
gap: 24px;
|
|
7042
|
+
}
|
|
7043
|
+
|
|
7044
|
+
.s-gap-x-30 {
|
|
7045
|
+
column-gap: 30px;
|
|
7046
|
+
}
|
|
7047
|
+
|
|
7048
|
+
.s-gap-y-30 {
|
|
7049
|
+
row-gap: 30px;
|
|
7050
|
+
}
|
|
7051
|
+
|
|
7052
|
+
.s-gap-30 {
|
|
7053
|
+
gap: 30px;
|
|
7054
|
+
}
|
|
7055
|
+
|
|
7056
|
+
.s-gap-x-48 {
|
|
7057
|
+
column-gap: 48px;
|
|
7058
|
+
}
|
|
7059
|
+
|
|
7060
|
+
.s-gap-y-48 {
|
|
7061
|
+
row-gap: 48px;
|
|
7062
|
+
}
|
|
7063
|
+
|
|
7064
|
+
.s-gap-48 {
|
|
7065
|
+
gap: 48px;
|
|
7066
|
+
}
|
|
7067
|
+
|
|
6935
7068
|
/*
|
|
6936
7069
|
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
|
|
6937
7070
|
https://github.com/orioncactus/pretendard
|