@appartmint/mint 0.12.16 → 0.12.26
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 +14 -3
- 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 +4 -0
- package/dist/js/imports/components/header.d.ts.map +1 -1
- package/dist/js/index.js +25 -22
- 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.d.ts.map +1 -1
- package/dist/js/util.js +1 -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 +1 -1
- package/src/scss/imports/components/_header.scss +19 -4
- package/src/scss/imports/global/_texture.scss +1 -0
- package/src/scss/imports/util/_util.scss +18 -0
- package/src/scss/imports/util/_vars.scss +1 -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 {
|
|
@@ -641,6 +642,16 @@ app-footer::before {
|
|
|
641
642
|
font-size: 1.25rem;
|
|
642
643
|
}
|
|
643
644
|
}
|
|
645
|
+
@media (max-width: 768px) {
|
|
646
|
+
#mint-header.mint-spread [aria-controls]:not([aria-controls=mint-wrapper]) {
|
|
647
|
+
display: none;
|
|
648
|
+
}
|
|
649
|
+
#mint-header.mint-spread [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
|
|
650
|
+
display: flex !important;
|
|
651
|
+
height: auto !important;
|
|
652
|
+
margin-bottom: 1rem !important;
|
|
653
|
+
}
|
|
654
|
+
}
|
|
644
655
|
#mint-header::before {
|
|
645
656
|
content: "";
|
|
646
657
|
position: absolute;
|
|
@@ -683,12 +694,13 @@ app-footer::before {
|
|
|
683
694
|
#mint-header #mint-navbar {
|
|
684
695
|
display: flex;
|
|
685
696
|
align-items: center;
|
|
686
|
-
|
|
697
|
+
justify-content: space-between;
|
|
687
698
|
height: 100%;
|
|
688
699
|
}
|
|
689
700
|
#mint-header .mint-logo {
|
|
690
|
-
|
|
701
|
+
display: flex;
|
|
691
702
|
width: auto;
|
|
703
|
+
text-decoration: none;
|
|
692
704
|
}
|
|
693
705
|
#mint-header .mint-logo img {
|
|
694
706
|
max-width: var(--mint-header-height);
|
|
@@ -817,7 +829,6 @@ app-footer::before {
|
|
|
817
829
|
#mint-header .mint-buttons {
|
|
818
830
|
flex-wrap: nowrap;
|
|
819
831
|
justify-content: flex-end;
|
|
820
|
-
width: 100%;
|
|
821
832
|
}
|
|
822
833
|
#mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
|
|
823
834
|
#mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
|