@appartmint/mint 4.0.15 → 4.2.0

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 (7) hide show
  1. package/dist/css/mint.css +94 -78
  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/_grid.scss +7 -7
  7. package/src/scss/imports/components/widget/_card.scss +1 -0
package/dist/css/mint.css CHANGED
@@ -734,109 +734,124 @@ body.mint-fixed #mint-header {
734
734
  @media (min-width: 768px) {
735
735
  .mint-grid.mint-2 {
736
736
  grid-template-columns: repeat(2, 1fr);
737
- }
738
- .mint-grid.mint-2 > :last-child:nth-child(odd) {
739
- grid-column: span 2;
740
- width: 50%;
741
- margin-left: auto;
742
- margin-right: auto;
737
+ /*& > :last-child:nth-child(odd) {
738
+ grid-column: span 2;
739
+ width: 50%;
740
+ margin-left: auto;
741
+ margin-right: auto;
742
+ }*/
743
743
  }
744
744
  }
745
745
  @media (min-width: 768px) {
746
746
  .mint-grid.mint-3 {
747
747
  grid-template-columns: repeat(2, 1fr);
748
- }
749
- .mint-grid.mint-3 > :last-child:nth-child(odd) {
750
- grid-column: span 2;
751
- width: 50%;
752
- margin-left: auto;
753
- margin-right: auto;
748
+ /*& > :last-child:nth-child(odd) {
749
+ grid-column: span 2;
750
+ width: 50%;
751
+ margin-left: auto;
752
+ margin-right: auto;
753
+ }*/
754
754
  }
755
755
  }
756
756
  @media (min-width: 1200px) {
757
757
  .mint-grid.mint-3 {
758
758
  grid-template-columns: repeat(3, 1fr);
759
- }
760
- .mint-grid.mint-3 > :last-child:nth-child(odd) {
761
- grid-column: span 1;
762
- width: 100%;
763
- }
764
- .mint-grid.mint-3 > :last-child:nth-child(3n) {
765
- grid-column: 2;
766
- }
767
- .mint-grid.mint-3 > :last-child:nth-child(3n+2) {
768
- grid-column: 3;
769
- }
770
- .mint-grid.mint-3 > :nth-last-child(2):nth-child(3n+1) {
771
- grid-column: 1;
759
+ /*& > :last-child:nth-child(odd) {
760
+ grid-column: span 1;
761
+ width: 100%;
762
+ }
763
+
764
+ & > :last-child:nth-child(3n+1) {
765
+ grid-column: 2;
766
+ }
767
+
768
+ & > :last-child:nth-child(3n+2) {
769
+ grid-column: 3;
770
+ }
771
+
772
+ & > :nth-last-child(2):nth-child(3n+1) {
773
+ grid-column: 1;
774
+ }*/
772
775
  }
773
776
  }
774
777
  @media (min-width: 768px) {
775
778
  .mint-grid.mint-4 {
776
779
  grid-template-columns: repeat(2, 1fr);
777
- }
778
- .mint-grid.mint-4 > :last-child:nth-child(odd) {
779
- grid-column: span 2;
780
- width: 50%;
781
- margin-left: auto;
782
- margin-right: auto;
780
+ /*& > :last-child:nth-child(odd) {
781
+ grid-column: span 2;
782
+ width: 50%;
783
+ margin-left: auto;
784
+ margin-right: auto;
785
+ }*/
783
786
  }
784
787
  }
785
788
  @media (min-width: 1200px) {
786
789
  .mint-grid.mint-4 {
787
790
  grid-template-columns: repeat(3, 1fr);
788
- }
789
- .mint-grid.mint-4 > :last-child:nth-child(odd) {
790
- grid-column: span 1;
791
- width: 100%;
792
- }
793
- .mint-grid.mint-4 > :last-child:nth-child(3n) {
794
- grid-column: 2;
795
- }
796
- .mint-grid.mint-4 > :last-child:nth-child(3n+2) {
797
- grid-column: 3;
798
- }
799
- .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) {
800
- grid-column: 1;
791
+ /*& > :last-child:nth-child(odd) {
792
+ grid-column: span 1;
793
+ width: 100%;
794
+ }
795
+
796
+ & > :last-child:nth-child(3n+1) {
797
+ grid-column: 2;
798
+ }
799
+
800
+ & > :last-child:nth-child(3n+2) {
801
+ grid-column: 3;
802
+ }
803
+
804
+ & > :nth-last-child(2):nth-child(3n+1) {
805
+ grid-column: 1;
806
+ }*/
801
807
  }
802
808
  }
803
809
  @media (min-width: 1440px) {
804
810
  .mint-grid.mint-4 {
805
811
  grid-template-columns: repeat(4, 1fr);
806
- }
807
- .mint-grid.mint-4 > :last-child:nth-child(odd), .mint-grid.mint-4 > :last-child:nth-child(3n+1), .mint-grid.mint-4 > :last-child:nth-child(3n+2), .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) {
808
- grid-column: span 1;
809
- width: 100%;
810
- }
811
- .mint-grid.mint-4 > :last-child:nth-child(4n+1) {
812
- grid-column: 2/span 2;
813
- width: 50%;
814
- margin-left: auto;
815
- margin-right: auto;
816
- }
817
- .mint-grid.mint-4 > :last-child:nth-child(4n+2) {
818
- grid-column: 3/span 2;
819
- width: 50%;
820
- margin-left: auto;
821
- margin-right: auto;
822
- }
823
- .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+1) {
824
- grid-column: 1/span 2;
825
- width: 50%;
826
- margin-left: auto;
827
- margin-right: auto;
828
- }
829
- .mint-grid.mint-4 > :last-child:nth-child(4n+3) {
830
- grid-column: 4;
831
- }
832
- .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+2) {
833
- grid-column: 2/span 2;
834
- width: 50%;
835
- margin-left: auto;
836
- margin-right: auto;
837
- }
838
- .mint-grid.mint-4 > :nth-last-child(3):nth-child(4n+1) {
839
- grid-column: 1;
812
+ /*& > :last-child:nth-child(odd),
813
+ & > :last-child:nth-child(3n+1),
814
+ & > :last-child:nth-child(3n+2),
815
+ & > :nth-last-child(2):nth-child(3n+1) {
816
+ grid-column: span 1;
817
+ width: 100%;
818
+ }
819
+
820
+ & > :last-child:nth-child(4n+1) {
821
+ grid-column: 2 / span 2;
822
+ width: 50%;
823
+ margin-left: auto;
824
+ margin-right: auto;
825
+ }
826
+
827
+ & > :last-child:nth-child(4n+2) {
828
+ grid-column: 3 / span 2;
829
+ width: 50%;
830
+ margin-left: auto;
831
+ margin-right: auto;
832
+ }
833
+
834
+ & > :nth-last-child(2):nth-child(4n+1) {
835
+ grid-column: 1 / span 2;
836
+ width: 50%;
837
+ margin-left: auto;
838
+ margin-right: auto;
839
+ }
840
+
841
+ & > :last-child:nth-child(4n+3) {
842
+ grid-column: 4;
843
+ }
844
+
845
+ & > :nth-last-child(2):nth-child(4n+2) {
846
+ grid-column: 2 / span 2;
847
+ width: 50%;
848
+ margin-left: auto;
849
+ margin-right: auto;
850
+ }
851
+
852
+ & > :nth-last-child(3):nth-child(4n+1) {
853
+ grid-column: 1;
854
+ }*/
840
855
  }
841
856
  }
842
857
  .mint-grid > :has(.mint-portrait) {
@@ -1512,6 +1527,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1512
1527
  padding-top: 25%;
1513
1528
  background: none;
1514
1529
  border: none;
1530
+ width: 100%;
1515
1531
  }
1516
1532
  .mint-card-grid:has(.mint-image) .mint-content::before, :root:root .mint-card-grid:has(.mint-image) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router]::before, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:has(.mint-image) [data-amplify-router]::before {
1517
1533
  opacity: 0;