@appartmint/mint 2.7.9 → 2.7.10

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 (11) hide show
  1. package/dist/css/mint.css +12 -130
  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/section/_full.scss +5 -3
  7. package/src/scss/imports/components/section/_landing.scss +6 -6
  8. package/src/scss/imports/global/_angular.scss +1 -2
  9. package/src/scss/imports/global/_global.scss +2 -1
  10. package/src/scss/imports/util/_util.scss +2 -89
  11. package/src/scss/imports/util/_vars.scss +6 -4
package/dist/css/mint.css CHANGED
@@ -631,61 +631,13 @@ body.mint-fixed #mint-header {
631
631
  align-items: flex-end;
632
632
  justify-content: center;
633
633
  flex-direction: row;
634
- min-height: calc(100vh - var(--mint-header-height) + 10rem);
635
634
  gap: 2rem;
636
635
  position: relative;
637
- }
638
- .mint-section-full {
639
- top: -4px;
640
- }
641
- @media (min-width: 480px) {
642
- .mint-section-full {
643
- top: calc(-4px + -12 * (100vw - 480px) / 288);
644
- }
645
- }
646
- @media (min-width: 768px) {
647
- .mint-section-full {
648
- top: -16px;
649
- }
650
- }
651
- .mint-section-full {
652
- left: -4px;
653
- }
654
- @media (min-width: 480px) {
655
- .mint-section-full {
656
- left: calc(-4px + -12 * (100vw - 480px) / 288);
657
- }
658
- }
659
- @media (min-width: 768px) {
660
- .mint-section-full {
661
- left: -16px;
662
- }
663
- }
664
- .mint-section-full {
665
- width: calc(100% + 8px);
666
- }
667
- @media (min-width: 480px) {
668
- .mint-section-full {
669
- width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
670
- }
671
- }
672
- @media (min-width: 768px) {
673
- .mint-section-full {
674
- width: calc(100% + 32px);
675
- }
676
- }
677
- .mint-section-full {
678
- padding: 4px;
679
- }
680
- @media (min-width: 480px) {
681
- .mint-section-full {
682
- padding: calc(4px + 12 * (100vw - 480px) / 288);
683
- }
684
- }
685
- @media (min-width: 768px) {
686
- .mint-section-full {
687
- padding: 16px;
688
- }
636
+ top: clamp(-0.25rem, -1vw, -2rem);
637
+ left: clamp(-0.25rem, -1vw, -2rem);
638
+ width: clamp(100% + 0.5rem, 100% + 2vw, 100% + 4rem);
639
+ min-height: calc(100vh - var(--mint-header-height) + 10rem);
640
+ padding: clamp(0.25rem, 1vw, 2rem);
689
641
  }
690
642
  .mint-section-full iframe, .mint-section-full video, .mint-section-full .mint-image, .mint-section-full .mint-embed {
691
643
  position: absolute;
@@ -711,43 +663,9 @@ body.mint-fixed #mint-header {
711
663
  }
712
664
 
713
665
  .mint-landing {
714
- top: -4px;
715
- }
716
- @media (min-width: 480px) {
717
- .mint-landing {
718
- top: calc(-4px + -12 * (100vw - 480px) / 288);
719
- }
720
- }
721
- @media (min-width: 768px) {
722
- .mint-landing {
723
- top: -16px;
724
- }
725
- }
726
- .mint-landing {
727
- left: -4px;
728
- }
729
- @media (min-width: 480px) {
730
- .mint-landing {
731
- left: calc(-4px + -12 * (100vw - 480px) / 288);
732
- }
733
- }
734
- @media (min-width: 768px) {
735
- .mint-landing {
736
- left: -16px;
737
- }
738
- }
739
- .mint-landing {
740
- width: calc(100% + 8px);
741
- }
742
- @media (min-width: 480px) {
743
- .mint-landing {
744
- width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
745
- }
746
- }
747
- @media (min-width: 768px) {
748
- .mint-landing {
749
- width: calc(100% + 32px);
750
- }
666
+ top: clamp(-0.25rem, -1vw, -2rem);
667
+ left: clamp(-0.25rem, -1vw, -2rem);
668
+ width: clamp(100% + 0.5rem, 100% + 2vw, 100% + 4rem);
751
669
  }
752
670
  .mint-landing .mint-border, .mint-landing .mint-frame {
753
671
  border: none;
@@ -760,19 +678,7 @@ body.mint-fixed #mint-header {
760
678
  width: 100%;
761
679
  margin: 0;
762
680
  min-height: calc(100vh - var(--mint-header-height));
763
- }
764
- .mint-landing .mint-section-full {
765
- padding: 16px;
766
- }
767
- @media (min-width: 480px) {
768
- .mint-landing .mint-section-full {
769
- padding: calc(16px + 48 * (100vw - 480px) / 288);
770
- }
771
- }
772
- @media (min-width: 768px) {
773
- .mint-landing .mint-section-full {
774
- padding: 64px;
775
- }
681
+ padding: clamp(0.25rem, 1vw, 2rem);
776
682
  }
777
683
  .mint-landing .mint-section-full iframe, .mint-landing .mint-section-full video {
778
684
  position: absolute;
@@ -1542,20 +1448,7 @@ app-root {
1542
1448
  justify-content: center;
1543
1449
  flex-grow: 1;
1544
1450
  width: 100%;
1545
- padding: 0.25rem;
1546
- }
1547
- :root main > router-outlet + * {
1548
- padding: 4px;
1549
- }
1550
- @media (min-width: 480px) {
1551
- :root main > router-outlet + * {
1552
- padding: calc(4px + 12 * (100vw - 480px) / 288);
1553
- }
1554
- }
1555
- @media (min-width: 768px) {
1556
- :root main > router-outlet + * {
1557
- padding: 16px;
1558
- }
1451
+ padding: clamp(0.25rem, 1vw, 2rem);
1559
1452
  }
1560
1453
  :root main > router-outlet + * + :not(mint-partial-footer) {
1561
1454
  height: 0;
@@ -1777,22 +1670,11 @@ main {
1777
1670
  width: 100%;
1778
1671
  min-height: calc(100vh - var(--mint-header-height));
1779
1672
  min-height: calc(100dvh - var(--mint-header-height));
1673
+ padding-left: clamp(0.25rem, 1vw, 2rem);
1674
+ padding-right: clamp(0.25rem, 1vw, 2rem);
1780
1675
  overflow: hidden;
1781
1676
  z-index: 999;
1782
1677
  }
1783
- main {
1784
- padding: 4px;
1785
- }
1786
- @media (min-width: 480px) {
1787
- main {
1788
- padding: calc(4px + 12 * (100vw - 480px) / 288);
1789
- }
1790
- }
1791
- @media (min-width: 768px) {
1792
- main {
1793
- padding: 16px;
1794
- }
1795
- }
1796
1678
 
1797
1679
  nav a {
1798
1680
  display: block;