@appartmint/mint 0.12.17 → 0.12.28

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 (36) hide show
  1. package/dist/css/mint.css +31 -7
  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/dist/js/imports/components/header.d.ts +4 -0
  6. package/dist/js/imports/components/header.d.ts.map +1 -1
  7. package/dist/js/imports/util/object.d.ts.map +1 -1
  8. package/dist/js/index.js +22 -19
  9. package/dist/js/index.js.map +1 -1
  10. package/dist/js/index.min.js +1 -1
  11. package/dist/js/index.min.js.map +1 -1
  12. package/dist/js/util.js +2 -2
  13. package/dist/js/util.js.map +1 -1
  14. package/dist/js/util.min.js +1 -1
  15. package/dist/js/util.min.js.map +1 -1
  16. package/package.json +18 -13
  17. package/src/scss/imports/components/_header.scss +31 -6
  18. package/src/scss/imports/global/_global.scss +2 -2
  19. package/src/scss/imports/global/_texture.scss +1 -0
  20. package/src/scss/imports/util/_vars.scss +5 -0
  21. package/src/ts/imports/components/header.ts +378 -0
  22. package/src/ts/imports/enum.ts +9 -0
  23. package/src/ts/imports/models/color.ts +96 -0
  24. package/src/ts/imports/models/item.ts +66 -0
  25. package/src/ts/imports/util/display.ts +7 -0
  26. package/src/ts/imports/util/event.ts +7 -0
  27. package/src/ts/imports/util/icon.ts +67 -0
  28. package/src/ts/imports/util/list.ts +19 -0
  29. package/src/ts/imports/util/math.ts +17 -0
  30. package/src/ts/imports/util/object.ts +141 -0
  31. package/src/ts/imports/util/selectors.ts +230 -0
  32. package/src/ts/imports/util/settings.ts +120 -0
  33. package/src/ts/imports/util/text.ts +47 -0
  34. package/src/ts/imports/util/window.ts +7 -0
  35. package/src/ts/index.ts +33 -0
  36. package/src/ts/util.ts +209 -0
package/dist/css/mint.css CHANGED
@@ -560,6 +560,7 @@ app-footer::before {
560
560
  bottom: -100%;
561
561
  }
562
562
  #mint-header.mint-bottom #mint-wrapper.mint-open {
563
+ top: unset;
563
564
  bottom: 0;
564
565
  }
565
566
  #mint-header.mint-left #mint-wrapper {
@@ -651,6 +652,14 @@ app-footer::before {
651
652
  margin-bottom: 1rem !important;
652
653
  }
653
654
  }
655
+ #mint-header.mint-spread:not(.mint-expand) [aria-controls]:not([aria-controls=mint-wrapper]) {
656
+ display: none;
657
+ }
658
+ #mint-header.mint-spread:not(.mint-expand) [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
659
+ display: flex !important;
660
+ height: auto !important;
661
+ margin-bottom: 1rem !important;
662
+ }
654
663
  #mint-header::before {
655
664
  content: "";
656
665
  position: absolute;
@@ -693,12 +702,13 @@ app-footer::before {
693
702
  #mint-header #mint-navbar {
694
703
  display: flex;
695
704
  align-items: center;
696
- flex-direction: row;
705
+ justify-content: space-between;
697
706
  height: 100%;
698
707
  }
699
708
  #mint-header .mint-logo {
700
- text-decoration: none;
709
+ display: flex;
701
710
  width: auto;
711
+ text-decoration: none;
702
712
  }
703
713
  #mint-header .mint-logo img {
704
714
  max-width: var(--mint-header-height);
@@ -714,6 +724,9 @@ app-footer::before {
714
724
  box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
715
725
  z-index: 1000;
716
726
  }
727
+ #mint-header [aria-controls=mint-wrapper]:hover {
728
+ background: var(--mint-shadow-5);
729
+ }
717
730
  #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::before, #mint-header [aria-controls=mint-wrapper]:hover .mint-menu-icon::after {
718
731
  background-color: var(--mint-back);
719
732
  }
@@ -766,7 +779,8 @@ app-footer::before {
766
779
  top: var(--mint-header-height);
767
780
  }
768
781
  #mint-header #mint-wrapper nav {
769
- height: 100%;
782
+ height: calc(100vh - var(--mint-header-height));
783
+ height: calc(100dvh - var(--mint-header-height));
770
784
  background: var(--mint-back);
771
785
  overflow: auto;
772
786
  background-repeat: repeat;
@@ -781,11 +795,16 @@ app-footer::before {
781
795
  #mint-header #mint-wrapper nav > :last-child {
782
796
  margin-bottom: 0;
783
797
  }
784
- @media (min-width: 1440px) {
798
+ #mint-header #mint-wrapper nav > ul {
799
+ height: 100%;
800
+ overflow: auto;
801
+ }
802
+ @media (min-width: 1024px) {
785
803
  #mint-header #mint-wrapper nav > ul {
786
804
  display: flex;
787
805
  flex-direction: row;
788
806
  flex-wrap: wrap;
807
+ align-items: center;
789
808
  justify-content: space-evenly;
790
809
  width: 100%;
791
810
  }
@@ -796,11 +815,17 @@ app-footer::before {
796
815
  font-size: 3em;
797
816
  padding: 0.5rem;
798
817
  text-align: center;
818
+ border-radius: 1rem;
799
819
  }
800
820
  @media (min-width: 480px) {
801
821
  #mint-header #mint-wrapper a,
802
822
  #mint-header #mint-wrapper button {
803
823
  font-size: 4em;
824
+ padding: 1rem 1.5rem;
825
+ }
826
+ #mint-header #mint-wrapper a i,
827
+ #mint-header #mint-wrapper button i {
828
+ font-size: 0.75em;
804
829
  }
805
830
  }
806
831
  #mint-header #mint-wrapper a:hover,
@@ -827,7 +852,6 @@ app-footer::before {
827
852
  #mint-header .mint-buttons {
828
853
  flex-wrap: nowrap;
829
854
  justify-content: flex-end;
830
- width: 100%;
831
855
  }
832
856
  #mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
833
857
  #mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
@@ -1049,10 +1073,10 @@ nav ul > li > ul {
1049
1073
  }
1050
1074
  }
1051
1075
  a i:first-child {
1052
- margin-right: 0.25rem;
1076
+ margin-right: 0.25em;
1053
1077
  }
1054
1078
  a i:last-child {
1055
- margin-left: 0.25rem;
1079
+ margin-left: 0.25em;
1056
1080
  }
1057
1081
 
1058
1082
  button,