@appartmint/mint 4.2.0 → 4.2.2

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 +82 -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/partial/_header.scss +9 -0
  7. package/src/scss/imports/components/section/_grid.scss +6 -6
package/dist/css/mint.css CHANGED
@@ -369,6 +369,10 @@ body.mint-fixed #mint-header {
369
369
  width: auto;
370
370
  height: 100%;
371
371
  }
372
+ #mint-header.mint-border .mint-logo img {
373
+ padding-top: 0.125rem;
374
+ padding-bottom: 0.125rem;
375
+ }
372
376
  #mint-header [aria-controls=mint-wrapper] {
373
377
  display: inline-block;
374
378
  position: relative;
@@ -734,124 +738,109 @@ body.mint-fixed #mint-header {
734
738
  @media (min-width: 768px) {
735
739
  .mint-grid.mint-2 {
736
740
  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
- }*/
741
+ }
742
+ .mint-grid.mint-2 > :last-child:nth-child(odd) {
743
+ grid-column: span 2;
744
+ width: 50%;
745
+ margin-left: auto;
746
+ margin-right: auto;
743
747
  }
744
748
  }
745
749
  @media (min-width: 768px) {
746
750
  .mint-grid.mint-3 {
747
751
  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
- }*/
752
+ }
753
+ .mint-grid.mint-3 > :last-child:nth-child(odd) {
754
+ grid-column: span 2;
755
+ width: 50%;
756
+ margin-left: auto;
757
+ margin-right: auto;
754
758
  }
755
759
  }
756
760
  @media (min-width: 1200px) {
757
761
  .mint-grid.mint-3 {
758
762
  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
- }*/
763
+ }
764
+ .mint-grid.mint-3 > :last-child:nth-child(odd) {
765
+ grid-column: span 1;
766
+ width: 100%;
767
+ }
768
+ .mint-grid.mint-3 > :last-child:nth-child(3n+1) {
769
+ grid-column: 2;
770
+ }
771
+ .mint-grid.mint-3 > :last-child:nth-child(3n+2) {
772
+ grid-column: 3;
773
+ }
774
+ .mint-grid.mint-3 > :nth-last-child(2):nth-child(3n+1) {
775
+ grid-column: 1;
775
776
  }
776
777
  }
777
778
  @media (min-width: 768px) {
778
779
  .mint-grid.mint-4 {
779
780
  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
- }*/
781
+ }
782
+ .mint-grid.mint-4 > :last-child:nth-child(odd) {
783
+ grid-column: span 2;
784
+ width: 50%;
785
+ margin-left: auto;
786
+ margin-right: auto;
786
787
  }
787
788
  }
788
789
  @media (min-width: 1200px) {
789
790
  .mint-grid.mint-4 {
790
791
  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
- }*/
792
+ }
793
+ .mint-grid.mint-4 > :last-child:nth-child(odd) {
794
+ grid-column: span 1;
795
+ width: 100%;
796
+ }
797
+ .mint-grid.mint-4 > :last-child:nth-child(3n+1) {
798
+ grid-column: 2;
799
+ }
800
+ .mint-grid.mint-4 > :last-child:nth-child(3n+2) {
801
+ grid-column: 3;
802
+ }
803
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) {
804
+ grid-column: 1;
807
805
  }
808
806
  }
809
807
  @media (min-width: 1440px) {
810
808
  .mint-grid.mint-4 {
811
809
  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
- }*/
810
+ }
811
+ .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) {
812
+ grid-column: span 1;
813
+ width: 100%;
814
+ }
815
+ .mint-grid.mint-4 > :last-child:nth-child(4n+1) {
816
+ grid-column: 2/span 2;
817
+ width: 50%;
818
+ margin-left: auto;
819
+ margin-right: auto;
820
+ }
821
+ .mint-grid.mint-4 > :last-child:nth-child(4n+2) {
822
+ grid-column: 3/span 2;
823
+ width: 50%;
824
+ margin-left: auto;
825
+ margin-right: auto;
826
+ }
827
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+1) {
828
+ grid-column: 1/span 2;
829
+ width: 50%;
830
+ margin-left: auto;
831
+ margin-right: auto;
832
+ }
833
+ .mint-grid.mint-4 > :last-child:nth-child(4n+3) {
834
+ grid-column: 4;
835
+ }
836
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+2) {
837
+ grid-column: 2/span 2;
838
+ width: 50%;
839
+ margin-left: auto;
840
+ margin-right: auto;
841
+ }
842
+ .mint-grid.mint-4 > :nth-last-child(3):nth-child(4n+1) {
843
+ grid-column: 1;
855
844
  }
856
845
  }
857
846
  .mint-grid > :has(.mint-portrait) {