@appartmint/mint 0.12.26 → 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.
- package/dist/css/mint.css +27 -4
- package/dist/css/mint.css.map +1 -1
- package/dist/css/mint.min.css +1 -1
- package/dist/css/mint.min.css.map +1 -1
- package/dist/js/imports/components/header.d.ts.map +1 -1
- package/dist/js/imports/util/object.d.ts.map +1 -1
- package/dist/js/index.js +6 -4
- package/dist/js/index.js.map +1 -1
- package/dist/js/index.min.js +1 -1
- package/dist/js/index.min.js.map +1 -1
- package/dist/js/util.js +2 -2
- package/dist/js/util.js.map +1 -1
- package/dist/js/util.min.js +1 -1
- package/dist/js/util.min.js.map +1 -1
- package/package.json +18 -13
- package/src/scss/imports/components/_header.scss +27 -3
- package/src/scss/imports/global/_global.scss +2 -2
- package/src/scss/imports/util/_vars.scss +5 -0
- package/src/ts/imports/components/header.ts +378 -0
- package/src/ts/imports/enum.ts +9 -0
- package/src/ts/imports/models/color.ts +96 -0
- package/src/ts/imports/models/item.ts +66 -0
- package/src/ts/imports/util/display.ts +7 -0
- package/src/ts/imports/util/event.ts +7 -0
- package/src/ts/imports/util/icon.ts +67 -0
- package/src/ts/imports/util/list.ts +19 -0
- package/src/ts/imports/util/math.ts +17 -0
- package/src/ts/imports/util/object.ts +141 -0
- package/src/ts/imports/util/selectors.ts +230 -0
- package/src/ts/imports/util/settings.ts +120 -0
- package/src/ts/imports/util/text.ts +47 -0
- package/src/ts/imports/util/window.ts +7 -0
- package/src/ts/index.ts +33 -0
- package/src/ts/util.ts +209 -0
package/dist/css/mint.css
CHANGED
|
@@ -652,6 +652,14 @@ app-footer::before {
|
|
|
652
652
|
margin-bottom: 1rem !important;
|
|
653
653
|
}
|
|
654
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
|
+
}
|
|
655
663
|
#mint-header::before {
|
|
656
664
|
content: "";
|
|
657
665
|
position: absolute;
|
|
@@ -716,6 +724,9 @@ app-footer::before {
|
|
|
716
724
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
717
725
|
z-index: 1000;
|
|
718
726
|
}
|
|
727
|
+
#mint-header [aria-controls=mint-wrapper]:hover {
|
|
728
|
+
background: var(--mint-shadow-5);
|
|
729
|
+
}
|
|
719
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 {
|
|
720
731
|
background-color: var(--mint-back);
|
|
721
732
|
}
|
|
@@ -768,7 +779,8 @@ app-footer::before {
|
|
|
768
779
|
top: var(--mint-header-height);
|
|
769
780
|
}
|
|
770
781
|
#mint-header #mint-wrapper nav {
|
|
771
|
-
height:
|
|
782
|
+
height: calc(100vh - var(--mint-header-height));
|
|
783
|
+
height: calc(100dvh - var(--mint-header-height));
|
|
772
784
|
background: var(--mint-back);
|
|
773
785
|
overflow: auto;
|
|
774
786
|
background-repeat: repeat;
|
|
@@ -783,11 +795,16 @@ app-footer::before {
|
|
|
783
795
|
#mint-header #mint-wrapper nav > :last-child {
|
|
784
796
|
margin-bottom: 0;
|
|
785
797
|
}
|
|
786
|
-
|
|
798
|
+
#mint-header #mint-wrapper nav > ul {
|
|
799
|
+
height: 100%;
|
|
800
|
+
overflow: auto;
|
|
801
|
+
}
|
|
802
|
+
@media (min-width: 1024px) {
|
|
787
803
|
#mint-header #mint-wrapper nav > ul {
|
|
788
804
|
display: flex;
|
|
789
805
|
flex-direction: row;
|
|
790
806
|
flex-wrap: wrap;
|
|
807
|
+
align-items: center;
|
|
791
808
|
justify-content: space-evenly;
|
|
792
809
|
width: 100%;
|
|
793
810
|
}
|
|
@@ -798,11 +815,17 @@ app-footer::before {
|
|
|
798
815
|
font-size: 3em;
|
|
799
816
|
padding: 0.5rem;
|
|
800
817
|
text-align: center;
|
|
818
|
+
border-radius: 1rem;
|
|
801
819
|
}
|
|
802
820
|
@media (min-width: 480px) {
|
|
803
821
|
#mint-header #mint-wrapper a,
|
|
804
822
|
#mint-header #mint-wrapper button {
|
|
805
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;
|
|
806
829
|
}
|
|
807
830
|
}
|
|
808
831
|
#mint-header #mint-wrapper a:hover,
|
|
@@ -1050,10 +1073,10 @@ nav ul > li > ul {
|
|
|
1050
1073
|
}
|
|
1051
1074
|
}
|
|
1052
1075
|
a i:first-child {
|
|
1053
|
-
margin-right: 0.
|
|
1076
|
+
margin-right: 0.25em;
|
|
1054
1077
|
}
|
|
1055
1078
|
a i:last-child {
|
|
1056
|
-
margin-left: 0.
|
|
1079
|
+
margin-left: 0.25em;
|
|
1057
1080
|
}
|
|
1058
1081
|
|
|
1059
1082
|
button,
|