@appartmint/mint 2.7.5 → 2.7.7

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
@@ -634,9 +634,10 @@ body.mint-fixed #mint-header {
634
634
  min-height: calc(100vh - var(--mint-header-height) + 10rem);
635
635
  gap: 2rem;
636
636
  position: relative;
637
- }
638
- .mint-section-full {
639
637
  top: -4px;
638
+ left: -4px;
639
+ width: calc(100% + 8px);
640
+ padding: 4px;
640
641
  }
641
642
  @media (min-width: 480px) {
642
643
  .mint-section-full {
@@ -648,9 +649,6 @@ body.mint-fixed #mint-header {
648
649
  top: -16px;
649
650
  }
650
651
  }
651
- .mint-section-full {
652
- left: -4px;
653
- }
654
652
  @media (min-width: 480px) {
655
653
  .mint-section-full {
656
654
  left: calc(-4px + -12 * (100vw - 480px) / 288);
@@ -661,9 +659,6 @@ body.mint-fixed #mint-header {
661
659
  left: -16px;
662
660
  }
663
661
  }
664
- .mint-section-full {
665
- width: calc(100% + 8px);
666
- }
667
662
  @media (min-width: 480px) {
668
663
  .mint-section-full {
669
664
  width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
@@ -674,9 +669,6 @@ body.mint-fixed #mint-header {
674
669
  width: calc(100% + 32px);
675
670
  }
676
671
  }
677
- .mint-section-full {
678
- padding: 4px;
679
- }
680
672
  @media (min-width: 480px) {
681
673
  .mint-section-full {
682
674
  padding: calc(4px + 12 * (100vw - 480px) / 288);
@@ -712,6 +704,8 @@ body.mint-fixed #mint-header {
712
704
 
713
705
  .mint-landing {
714
706
  top: -4px;
707
+ left: -4px;
708
+ width: calc(100% + 8px);
715
709
  }
716
710
  @media (min-width: 480px) {
717
711
  .mint-landing {
@@ -723,9 +717,6 @@ body.mint-fixed #mint-header {
723
717
  top: -16px;
724
718
  }
725
719
  }
726
- .mint-landing {
727
- left: -4px;
728
- }
729
720
  @media (min-width: 480px) {
730
721
  .mint-landing {
731
722
  left: calc(-4px + -12 * (100vw - 480px) / 288);
@@ -736,9 +727,6 @@ body.mint-fixed #mint-header {
736
727
  left: -16px;
737
728
  }
738
729
  }
739
- .mint-landing {
740
- width: calc(100% + 8px);
741
- }
742
730
  @media (min-width: 480px) {
743
731
  .mint-landing {
744
732
  width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
@@ -760,8 +748,6 @@ body.mint-fixed #mint-header {
760
748
  width: 100%;
761
749
  margin: 0;
762
750
  min-height: calc(100vh - var(--mint-header-height));
763
- }
764
- .mint-landing .mint-section-full {
765
751
  padding: 16px;
766
752
  }
767
753
  @media (min-width: 480px) {
@@ -1543,8 +1529,6 @@ app-root {
1543
1529
  flex-grow: 1;
1544
1530
  width: 100%;
1545
1531
  padding: 0.25rem;
1546
- }
1547
- :root main > router-outlet + * {
1548
1532
  padding: 4px;
1549
1533
  }
1550
1534
  @media (min-width: 480px) {
@@ -1765,10 +1749,13 @@ body {
1765
1749
  }
1766
1750
 
1767
1751
  body.mint-fixed main {
1768
- margin-top: var(--mint-header-height);
1752
+ min-height: 100vh;
1753
+ min-height: 100dvh;
1754
+ padding-top: var(--mint-header-height);
1769
1755
  }
1770
1756
 
1771
1757
  main {
1758
+ padding: 4px;
1772
1759
  display: flex;
1773
1760
  flex-direction: column;
1774
1761
  position: relative;
@@ -1778,9 +1765,6 @@ main {
1778
1765
  overflow: hidden;
1779
1766
  z-index: 999;
1780
1767
  }
1781
- main {
1782
- padding: 4px;
1783
- }
1784
1768
  @media (min-width: 480px) {
1785
1769
  main {
1786
1770
  padding: calc(4px + 12 * (100vw - 480px) / 288);
@@ -2140,6 +2124,9 @@ textarea {
2140
2124
  flex-shrink: 0;
2141
2125
  }
2142
2126
 
2127
+ .mint-pad {
2128
+ padding: 0.5rem;
2129
+ }
2143
2130
  .mint-pad-auto {
2144
2131
  padding-left: auto;
2145
2132
  padding-right: auto;
@@ -2411,9 +2398,6 @@ textarea {
2411
2398
  .mint-pad-r6 {
2412
2399
  padding-right: 6rem;
2413
2400
  }
2414
- .mint-pad {
2415
- padding: 0.5rem;
2416
- }
2417
2401
  .mint-pad-xs {
2418
2402
  padding: 0;
2419
2403
  }
@@ -2598,6 +2582,9 @@ textarea {
2598
2582
  }
2599
2583
  }
2600
2584
 
2585
+ .mint-margin {
2586
+ margin: 0.5rem;
2587
+ }
2601
2588
  .mint-margin-auto {
2602
2589
  margin-left: auto;
2603
2590
  margin-right: auto;
@@ -2869,9 +2856,6 @@ textarea {
2869
2856
  .mint-margin-r6 {
2870
2857
  margin-right: 6rem;
2871
2858
  }
2872
- .mint-margin {
2873
- margin: 0.5rem;
2874
- }
2875
2859
  .mint-margin-xs {
2876
2860
  margin: 0;
2877
2861
  }