@appartmint/mint 2.7.6 → 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) {
@@ -1771,6 +1755,7 @@ body.mint-fixed main {
1771
1755
  }
1772
1756
 
1773
1757
  main {
1758
+ padding: 4px;
1774
1759
  display: flex;
1775
1760
  flex-direction: column;
1776
1761
  position: relative;
@@ -1780,9 +1765,6 @@ main {
1780
1765
  overflow: hidden;
1781
1766
  z-index: 999;
1782
1767
  }
1783
- main {
1784
- padding: 4px;
1785
- }
1786
1768
  @media (min-width: 480px) {
1787
1769
  main {
1788
1770
  padding: calc(4px + 12 * (100vw - 480px) / 288);
@@ -2142,6 +2124,9 @@ textarea {
2142
2124
  flex-shrink: 0;
2143
2125
  }
2144
2126
 
2127
+ .mint-pad {
2128
+ padding: 0.5rem;
2129
+ }
2145
2130
  .mint-pad-auto {
2146
2131
  padding-left: auto;
2147
2132
  padding-right: auto;
@@ -2413,9 +2398,6 @@ textarea {
2413
2398
  .mint-pad-r6 {
2414
2399
  padding-right: 6rem;
2415
2400
  }
2416
- .mint-pad {
2417
- padding: 0.5rem;
2418
- }
2419
2401
  .mint-pad-xs {
2420
2402
  padding: 0;
2421
2403
  }
@@ -2600,6 +2582,9 @@ textarea {
2600
2582
  }
2601
2583
  }
2602
2584
 
2585
+ .mint-margin {
2586
+ margin: 0.5rem;
2587
+ }
2603
2588
  .mint-margin-auto {
2604
2589
  margin-left: auto;
2605
2590
  margin-right: auto;
@@ -2871,9 +2856,6 @@ textarea {
2871
2856
  .mint-margin-r6 {
2872
2857
  margin-right: 6rem;
2873
2858
  }
2874
- .mint-margin {
2875
- margin: 0.5rem;
2876
- }
2877
2859
  .mint-margin-xs {
2878
2860
  margin: 0;
2879
2861
  }