@appartmint/mint 1.2.1 → 1.2.3
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/css/mint.css
CHANGED
|
@@ -379,14 +379,14 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
379
379
|
box-shadow: none;
|
|
380
380
|
overflow: visible;
|
|
381
381
|
}
|
|
382
|
-
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image, .mint-card.mint-stagger > mint-image
|
|
382
|
+
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image, .mint-card.mint-stagger > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image {
|
|
383
383
|
width: calc(50% + 1.5rem);
|
|
384
384
|
height: fit-content;
|
|
385
385
|
margin-right: -3rem;
|
|
386
386
|
border-radius: 1rem;
|
|
387
387
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
388
388
|
}
|
|
389
|
-
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img, .mint-card.mint-stagger > mint-image
|
|
389
|
+
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img, .mint-card.mint-stagger > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image img {
|
|
390
390
|
height: 100%;
|
|
391
391
|
object-fit: cover;
|
|
392
392
|
}
|
|
@@ -402,24 +402,24 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
402
402
|
.mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
|
|
403
403
|
flex-direction: row-reverse;
|
|
404
404
|
}
|
|
405
|
-
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-image
|
|
405
|
+
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > mint-widget-image .mint-image {
|
|
406
406
|
margin-right: 0;
|
|
407
407
|
margin-left: -3rem;
|
|
408
408
|
}
|
|
409
409
|
}
|
|
410
|
-
.mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child, .mint-card > mint-image
|
|
410
|
+
.mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child, .mint-card > mint-widget-image:only-child .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image:only-child .mint-image {
|
|
411
411
|
width: 100%;
|
|
412
412
|
}
|
|
413
|
-
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-image
|
|
413
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
|
|
414
414
|
overflow: hidden;
|
|
415
415
|
}
|
|
416
416
|
@media (min-width: 768px) {
|
|
417
|
-
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-image
|
|
417
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
|
|
418
418
|
width: 50%;
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
421
|
@media (min-width: 768px) {
|
|
422
|
-
.mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], .mint-card > mint-image
|
|
422
|
+
.mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], .mint-card > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
|
|
423
423
|
width: 50%;
|
|
424
424
|
}
|
|
425
425
|
}
|
|
@@ -454,17 +454,17 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
454
454
|
.mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
|
|
455
455
|
height: 100%;
|
|
456
456
|
}
|
|
457
|
-
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image, .mint-card .mint-title > mint-image
|
|
457
|
+
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image, .mint-card .mint-title > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image {
|
|
458
458
|
width: 100%;
|
|
459
459
|
height: 100%;
|
|
460
460
|
max-width: 4rem;
|
|
461
461
|
max-height: 4rem;
|
|
462
462
|
}
|
|
463
|
-
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large, .mint-card .mint-title > mint-image
|
|
463
|
+
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large, .mint-card .mint-title > mint-widget-image .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image.mint-large {
|
|
464
464
|
max-width: 8rem;
|
|
465
465
|
max-height: 8rem;
|
|
466
466
|
}
|
|
467
|
-
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img, .mint-card .mint-title > mint-image
|
|
467
|
+
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img, .mint-card .mint-title > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image img {
|
|
468
468
|
display: block;
|
|
469
469
|
width: 100%;
|
|
470
470
|
height: 100%;
|
|
@@ -500,28 +500,28 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
500
500
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
|
|
501
501
|
flex-direction: column !important;
|
|
502
502
|
}
|
|
503
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-image
|
|
503
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
|
|
504
504
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
505
505
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
506
506
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
|
|
507
|
-
.mint-grid.mint-4 .mint-card > mint-image
|
|
508
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image
|
|
509
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image
|
|
507
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
508
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
509
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
510
510
|
overflow: hidden;
|
|
511
511
|
}
|
|
512
512
|
@media (min-width: 768px) {
|
|
513
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-image
|
|
513
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
|
|
514
514
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
515
515
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
516
516
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
|
|
517
|
-
.mint-grid.mint-4 .mint-card > mint-image
|
|
518
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image
|
|
519
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image
|
|
517
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
518
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
519
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
520
520
|
width: 100%;
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
@media (min-width: 768px) {
|
|
524
|
-
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router], .mint-grid.mint-3 .mint-card > mint-image
|
|
524
|
+
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router], .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
|
|
525
525
|
.mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
|
|
526
526
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
|
|
527
527
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
|
|
@@ -529,13 +529,13 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
529
529
|
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
|
|
530
530
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
531
531
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
532
|
-
.mint-grid.mint-4 .mint-card > mint-image
|
|
533
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image
|
|
534
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image
|
|
535
|
-
:root:root .mint-grid.mint-4 .mint-card > mint-image
|
|
536
|
-
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-image
|
|
537
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image
|
|
538
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image
|
|
532
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + .mint-content,
|
|
533
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
534
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
535
|
+
:root:root .mint-grid.mint-4 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router],
|
|
536
|
+
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + [data-amplify-router],
|
|
537
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
|
|
538
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
|
|
539
539
|
width: 100%;
|
|
540
540
|
}
|
|
541
541
|
}
|
|
@@ -546,7 +546,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
546
546
|
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card [data-amplify-router],
|
|
547
547
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router],
|
|
548
548
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] [data-amplify-router] {
|
|
549
|
-
|
|
549
|
+
flex-grow: 1;
|
|
550
550
|
}
|
|
551
551
|
@media (min-width: 480px) {
|
|
552
552
|
.mint-grid.mint-3 .mint-card .mint-title, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-title, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-title,
|
|
@@ -1294,6 +1294,28 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1294
1294
|
padding-top: 56.25% !important;
|
|
1295
1295
|
}
|
|
1296
1296
|
|
|
1297
|
+
.mint-flex {
|
|
1298
|
+
display: flex;
|
|
1299
|
+
align-items: center;
|
|
1300
|
+
justify-content: flex-start;
|
|
1301
|
+
flex-wrap: wrap;
|
|
1302
|
+
}
|
|
1303
|
+
.mint-flex.mint-center {
|
|
1304
|
+
justify-content: center;
|
|
1305
|
+
}
|
|
1306
|
+
.mint-flex.mint-end {
|
|
1307
|
+
justify-content: flex-end;
|
|
1308
|
+
}
|
|
1309
|
+
.mint-flex.mint-between {
|
|
1310
|
+
justify-content: space-between;
|
|
1311
|
+
}
|
|
1312
|
+
.mint-flex.mint-around {
|
|
1313
|
+
justify-content: space-around;
|
|
1314
|
+
}
|
|
1315
|
+
.mint-flex.mint-even {
|
|
1316
|
+
justify-content: space-evenly;
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1297
1319
|
*, *::before, *::after {
|
|
1298
1320
|
box-sizing: border-box;
|
|
1299
1321
|
}
|