@appartmint/mint 0.14.12 → 0.14.13

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 (43) hide show
  1. package/README.md +3 -3
  2. package/dist/css/mint.css +20 -8
  3. package/dist/css/mint.css.map +1 -1
  4. package/dist/css/mint.min.css +1 -1
  5. package/dist/css/mint.min.css.map +1 -1
  6. package/dist/js/imports/components/header.d.ts +124 -124
  7. package/dist/js/imports/enum.d.ts +9 -9
  8. package/dist/js/imports/models/color.d.ts +31 -31
  9. package/dist/js/imports/models/item.d.ts +69 -69
  10. package/dist/js/imports/util/display.d.ts +6 -6
  11. package/dist/js/imports/util/event.d.ts +6 -6
  12. package/dist/js/imports/util/icon.d.ts +28 -28
  13. package/dist/js/imports/util/list.d.ts +12 -12
  14. package/dist/js/imports/util/math.d.ts +13 -13
  15. package/dist/js/imports/util/object.d.ts +65 -65
  16. package/dist/js/imports/util/scroll.d.ts +18 -18
  17. package/dist/js/imports/util/selectors.d.ts +121 -121
  18. package/dist/js/imports/util/settings.d.ts +38 -38
  19. package/dist/js/imports/util/text.d.ts +16 -16
  20. package/dist/js/imports/util/window.d.ts +6 -6
  21. package/dist/js/index.d.ts +24 -24
  22. package/dist/js/index.js +330 -330
  23. package/dist/js/index.js.map +1 -1
  24. package/dist/js/index.min.js.map +1 -1
  25. package/dist/js/util.d.ts +77 -77
  26. package/dist/js/util.js +67 -67
  27. package/dist/js/util.js.map +1 -1
  28. package/dist/js/util.min.js.map +1 -1
  29. package/package.json +1 -1
  30. package/src/scss/imports/_index.scss +8 -8
  31. package/src/scss/imports/components/_header.scss +12 -5
  32. package/src/scss/imports/components/_index.scss +7 -7
  33. package/src/scss/imports/global/_global.scss +29 -4
  34. package/src/scss/imports/global/_icons.scss +6 -6
  35. package/src/scss/imports/util/_index.scss +8 -8
  36. package/src/scss/imports/util/_vars.scss +4 -0
  37. package/src/ts/imports/enum.ts +9 -9
  38. package/src/ts/imports/models/color.ts +96 -96
  39. package/src/ts/imports/util/display.ts +6 -6
  40. package/src/ts/imports/util/event.ts +7 -7
  41. package/src/ts/imports/util/list.ts +19 -19
  42. package/src/ts/imports/util/math.ts +17 -17
  43. package/src/ts/imports/util/window.ts +6 -6
package/README.md CHANGED
@@ -1,3 +1,3 @@
1
- # npm-mint
2
- Front-end TS/SCSS framework of App Art Mint LLC
3
-
1
+ # npm-mint
2
+ Front-end TS/SCSS framework of App Art Mint LLC
3
+
package/dist/css/mint.css CHANGED
@@ -625,19 +625,25 @@ app-footer::before {
625
625
  z-index: 0;
626
626
  }
627
627
  #mint-header.mint-expand #mint-wrapper, #mint-header.mint-expand #mint-wrapper nav {
628
+ height: 4rem;
628
629
  background: var(--mint-glow-0) !important;
629
630
  overflow: visible;
630
631
  }
631
632
  #mint-header.mint-expand #mint-wrapper nav {
632
633
  border: none;
633
634
  }
635
+ #mint-header.mint-expand #mint-wrapper nav::before {
636
+ display: none;
637
+ }
634
638
  #mint-header.mint-expand #mint-wrapper nav > ul {
635
639
  flex-direction: row;
636
640
  justify-content: flex-end;
637
641
  flex-wrap: nowrap;
642
+ overflow: visible;
638
643
  }
639
644
  #mint-header.mint-expand #mint-wrapper nav > ul > li {
640
645
  position: relative;
646
+ display: flex;
641
647
  width: 100%;
642
648
  max-width: 200px;
643
649
  text-align: center;
@@ -681,6 +687,9 @@ app-footer::before {
681
687
  #mint-header.mint-expand #mint-wrapper a {
682
688
  font-size: 1.25rem;
683
689
  }
690
+ #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
691
+ margin: 0.25rem 0;
692
+ }
684
693
  }
685
694
  @media (max-width: 768px) {
686
695
  #mint-header.mint-spread #mint-wrapper [aria-controls] {
@@ -853,7 +862,7 @@ app-footer::before {
853
862
  height: calc(100vh - var(--mint-header-height));
854
863
  height: calc(100dvh - var(--mint-header-height));
855
864
  overflow: auto;
856
- background-repeat: repeat;
865
+ background: var(--mint-back);
857
866
  }
858
867
  @media (min-width: 1440px) {
859
868
  #mint-header #mint-wrapper nav {
@@ -862,9 +871,6 @@ app-footer::before {
862
871
  justify-content: center;
863
872
  }
864
873
  }
865
- #mint-header #mint-wrapper nav:not(.mint-border) {
866
- background: var(--mint-back);
867
- }
868
874
  #mint-header #mint-wrapper nav > :last-child {
869
875
  margin-bottom: 0;
870
876
  }
@@ -1135,6 +1141,16 @@ body.mint-fixed main {
1135
1141
  min-height: 100vh;
1136
1142
  padding-top: var(--mint-header-height);
1137
1143
  }
1144
+ body.mint-ready mint-root {
1145
+ filter: opacity(1);
1146
+ }
1147
+
1148
+ mint-root {
1149
+ display: block;
1150
+ position: relative;
1151
+ filter: opacity(0);
1152
+ transition: filter 750ms;
1153
+ }
1138
1154
 
1139
1155
  main {
1140
1156
  display: flex;
@@ -1153,10 +1169,6 @@ main router-outlet {
1153
1169
  flex-grow: 0;
1154
1170
  }
1155
1171
 
1156
- app-root {
1157
- display: block;
1158
- }
1159
-
1160
1172
  nav a {
1161
1173
  display: block;
1162
1174
  text-decoration: none;