@terraware/web-components 1.0.54 → 1.0.55
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.
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
&.button-no-label.button-with-icon {
|
|
205
205
|
padding-left: 6px;
|
|
206
206
|
padding-right: 6px;
|
|
207
|
-
.tw-icon--
|
|
207
|
+
.tw-icon--medium {
|
|
208
208
|
margin-right: 0;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
&.button-no-label.button-with-icon {
|
|
220
220
|
padding-left: 8px;
|
|
221
221
|
padding-right: 8px;
|
|
222
|
-
.tw-icon--
|
|
222
|
+
.tw-icon--large {
|
|
223
223
|
margin-right: 0;
|
|
224
224
|
}
|
|
225
225
|
}
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
&.button-no-label.button-with-icon {
|
|
235
235
|
padding-left: 10px;
|
|
236
236
|
padding-right: 10px;
|
|
237
|
-
.tw-icon--
|
|
237
|
+
.tw-icon--xlarge {
|
|
238
238
|
margin-right: 0;
|
|
239
239
|
}
|
|
240
240
|
}
|
|
@@ -277,6 +277,14 @@
|
|
|
277
277
|
(#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
|
|
278
278
|
)
|
|
279
279
|
calc((#{$tw-sz-btn-small-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
280
|
+
|
|
281
|
+
&.button-no-label.button-with-icon {
|
|
282
|
+
padding-left: 4px;
|
|
283
|
+
padding-right: 4px;
|
|
284
|
+
.tw-icon--small {
|
|
285
|
+
margin-right: 0;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
280
288
|
}
|
|
281
289
|
|
|
282
290
|
&--medium {
|
|
@@ -284,6 +292,14 @@
|
|
|
284
292
|
(#{$tw-sz-btn-medium-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-medium-line-height}) / 2
|
|
285
293
|
)
|
|
286
294
|
calc((#{$tw-sz-btn-medium-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
295
|
+
|
|
296
|
+
&.button-no-label.button-with-icon {
|
|
297
|
+
padding-left: 6px;
|
|
298
|
+
padding-right: 6px;
|
|
299
|
+
.tw-icon--medium {
|
|
300
|
+
margin-right: 0;
|
|
301
|
+
}
|
|
302
|
+
}
|
|
287
303
|
}
|
|
288
304
|
|
|
289
305
|
&--large {
|
|
@@ -291,6 +307,14 @@
|
|
|
291
307
|
(#{$tw-sz-btn-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-large-line-height}) / 2
|
|
292
308
|
)
|
|
293
309
|
calc((#{$tw-sz-btn-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
310
|
+
|
|
311
|
+
&.button-no-label.button-with-icon {
|
|
312
|
+
padding-left: 8px;
|
|
313
|
+
padding-right: 8px;
|
|
314
|
+
.tw-icon--large {
|
|
315
|
+
margin-right: 0;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
294
318
|
}
|
|
295
319
|
|
|
296
320
|
&--xlarge {
|
|
@@ -298,6 +322,14 @@
|
|
|
298
322
|
(#{$tw-sz-btn-x-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-x-large-line-height}) / 2
|
|
299
323
|
)
|
|
300
324
|
calc((#{$tw-sz-btn-x-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
325
|
+
|
|
326
|
+
&.button-no-label.button-with-icon {
|
|
327
|
+
padding-left: 10px;
|
|
328
|
+
padding-right: 10px;
|
|
329
|
+
.tw-icon--xlarge {
|
|
330
|
+
margin-right: 0;
|
|
331
|
+
}
|
|
332
|
+
}
|
|
301
333
|
}
|
|
302
334
|
}
|
|
303
335
|
|
|
@@ -337,6 +369,14 @@
|
|
|
337
369
|
(#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
|
|
338
370
|
)
|
|
339
371
|
calc((#{$tw-sz-btn-small-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
372
|
+
|
|
373
|
+
&.button-no-label.button-with-icon {
|
|
374
|
+
padding-left: 4px;
|
|
375
|
+
padding-right: 4px;
|
|
376
|
+
.tw-icon--small {
|
|
377
|
+
margin-right: 0;
|
|
378
|
+
}
|
|
379
|
+
}
|
|
340
380
|
}
|
|
341
381
|
|
|
342
382
|
&--medium {
|
|
@@ -344,6 +384,14 @@
|
|
|
344
384
|
(#{$tw-sz-btn-medium-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-medium-line-height}) / 2
|
|
345
385
|
)
|
|
346
386
|
calc((#{$tw-sz-btn-medium-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
387
|
+
|
|
388
|
+
&.button-no-label.button-with-icon {
|
|
389
|
+
padding-left: 6px;
|
|
390
|
+
padding-right: 6px;
|
|
391
|
+
.tw-icon--medium {
|
|
392
|
+
margin-right: 0;
|
|
393
|
+
}
|
|
394
|
+
}
|
|
347
395
|
}
|
|
348
396
|
|
|
349
397
|
&--large {
|
|
@@ -351,6 +399,14 @@
|
|
|
351
399
|
(#{$tw-sz-btn-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-large-line-height}) / 2
|
|
352
400
|
)
|
|
353
401
|
calc((#{$tw-sz-btn-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
402
|
+
|
|
403
|
+
&.button-no-label.button-with-icon {
|
|
404
|
+
padding-left: 8px;
|
|
405
|
+
padding-right: 8px;
|
|
406
|
+
.tw-icon--large {
|
|
407
|
+
margin-right: 0;
|
|
408
|
+
}
|
|
409
|
+
}
|
|
354
410
|
}
|
|
355
411
|
|
|
356
412
|
&--xlarge {
|
|
@@ -358,5 +414,13 @@
|
|
|
358
414
|
(#{$tw-sz-btn-x-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-x-large-line-height}) / 2
|
|
359
415
|
)
|
|
360
416
|
calc((#{$tw-sz-btn-x-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
|
|
417
|
+
|
|
418
|
+
&.button-no-label.button-with-icon {
|
|
419
|
+
padding-left: 10px;
|
|
420
|
+
padding-right: 10px;
|
|
421
|
+
.tw-icon--medium {
|
|
422
|
+
margin-right: 0;
|
|
423
|
+
}
|
|
424
|
+
}
|
|
361
425
|
}
|
|
362
426
|
}
|