@appartmint/mint 1.2.0 → 1.2.2

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.
Files changed (8) hide show
  1. package/dist/css/mint.css +27 -39
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/scss/imports/components/_cards.scss +6 -6
  7. package/src/scss/imports/components/_footer.scss +0 -13
  8. package/src/scss/imports/global/_global.scss +1 -1
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-widget .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-image-widget .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-widget .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-image-widget .mint-image img {
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-widget .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > mint-image-widget .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-widget:only-child .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-image-widget:only-child .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-widget .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .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-widget .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .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-widget .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + .mint-content, :root:root .mint-card > mint-image-widget [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > mint-image-widget .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + [data-amplify-router] {
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-widget .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-image-widget .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-widget .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-image-widget .mint-image.mint-large {
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-widget .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-image-widget .mint-image img {
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-widget .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-image-widget .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-widget .mint-image,
508
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image,
509
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image-widget .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-widget .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-image-widget .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-widget .mint-image,
518
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image,
519
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image-widget .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-widget .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-image-widget .mint-image + .mint-content, :root:root .mint-grid.mint-3 .mint-card > mint-image-widget [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-image-widget .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-image-widget .mint-image + [data-amplify-router],
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-widget .mint-image + .mint-content,
533
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + .mint-content,
534
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image-widget .mint-image + .mint-content,
535
- :root:root .mint-grid.mint-4 .mint-card > mint-image-widget [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-image-widget .mint-image + [data-amplify-router],
537
- :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-image-widget .mint-image + [data-amplify-router],
538
- :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-image-widget .mint-image + [data-amplify-router] {
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
  }
@@ -630,18 +630,6 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
630
630
  height: 120%;
631
631
  }
632
632
 
633
- app-footer {
634
- display: flex;
635
- flex-direction: column;
636
- }
637
- app-footer::before {
638
- content: "";
639
- display: flex;
640
- flex-grow: 1;
641
- height: 100%;
642
- background: var(--mint-trans);
643
- }
644
-
645
633
  .mint-footer {
646
634
  display: flex;
647
635
  flex-direction: column;
@@ -1379,7 +1367,7 @@ main > router-outlet {
1379
1367
  padding: 16px;
1380
1368
  }
1381
1369
  }
1382
- :root main > router-outlet + * + :not(mint-footer-partial) {
1370
+ :root main > router-outlet + * + :not(mint-partial-footer) {
1383
1371
  height: 0;
1384
1372
  overflow: hidden;
1385
1373
  }