@appartmint/mint 4.2.0 → 4.2.1

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 (6) hide show
  1. package/dist/css/mint.css +78 -93
  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 +6 -6
package/dist/css/mint.css CHANGED
@@ -734,124 +734,109 @@ 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
- /*& > :last-child:nth-child(odd) {
738
- grid-column: span 2;
739
- width: 50%;
740
- margin-left: auto;
741
- margin-right: auto;
742
- }*/
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;
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
- /*& > :last-child:nth-child(odd) {
749
- grid-column: span 2;
750
- width: 50%;
751
- margin-left: auto;
752
- margin-right: auto;
753
- }*/
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;
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
- /*& > :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
- }*/
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+1) {
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;
775
772
  }
776
773
  }
777
774
  @media (min-width: 768px) {
778
775
  .mint-grid.mint-4 {
779
776
  grid-template-columns: repeat(2, 1fr);
780
- /*& > :last-child:nth-child(odd) {
781
- grid-column: span 2;
782
- width: 50%;
783
- margin-left: auto;
784
- margin-right: auto;
785
- }*/
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;
786
783
  }
787
784
  }
788
785
  @media (min-width: 1200px) {
789
786
  .mint-grid.mint-4 {
790
787
  grid-template-columns: repeat(3, 1fr);
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
- }*/
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+1) {
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;
807
801
  }
808
802
  }
809
803
  @media (min-width: 1440px) {
810
804
  .mint-grid.mint-4 {
811
805
  grid-template-columns: repeat(4, 1fr);
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
- }*/
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;
855
840
  }
856
841
  }
857
842
  .mint-grid > :has(.mint-portrait) {