@appartmint/mint 0.13.3 → 0.14.0

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 (55) hide show
  1. package/README.md +3 -3
  2. package/dist/css/mint.css +55 -9
  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 -122
  7. package/dist/js/imports/components/header.d.ts.map +1 -1
  8. package/dist/js/imports/enum.d.ts +9 -9
  9. package/dist/js/imports/models/color.d.ts +31 -31
  10. package/dist/js/imports/models/item.d.ts +69 -69
  11. package/dist/js/imports/util/display.d.ts +6 -6
  12. package/dist/js/imports/util/event.d.ts +6 -6
  13. package/dist/js/imports/util/icon.d.ts +28 -28
  14. package/dist/js/imports/util/list.d.ts +12 -12
  15. package/dist/js/imports/util/math.d.ts +13 -13
  16. package/dist/js/imports/util/object.d.ts +58 -58
  17. package/dist/js/imports/util/selectors.d.ts +121 -145
  18. package/dist/js/imports/util/selectors.d.ts.map +1 -1
  19. package/dist/js/imports/util/settings.d.ts +38 -52
  20. package/dist/js/imports/util/settings.d.ts.map +1 -1
  21. package/dist/js/imports/util/text.d.ts +16 -16
  22. package/dist/js/imports/util/window.d.ts +6 -6
  23. package/dist/js/index.d.ts +23 -23
  24. package/dist/js/index.js +381 -422
  25. package/dist/js/index.js.map +1 -1
  26. package/dist/js/index.min.js +1 -1
  27. package/dist/js/index.min.js.map +1 -1
  28. package/dist/js/util.d.ts +77 -77
  29. package/dist/js/util.js +81 -325
  30. package/dist/js/util.js.map +1 -1
  31. package/dist/js/util.min.js +1 -1
  32. package/dist/js/util.min.js.map +1 -1
  33. package/package.json +1 -1
  34. package/src/scss/imports/_index.scss +8 -8
  35. package/src/scss/imports/components/_cards.scss +12 -1
  36. package/src/scss/imports/components/_embed.scss +75 -63
  37. package/src/scss/imports/components/_header.scss +60 -13
  38. package/src/scss/imports/components/_index.scss +7 -7
  39. package/src/scss/imports/global/_aspect.scss +1 -1
  40. package/src/scss/imports/global/_icons.scss +6 -6
  41. package/src/scss/imports/global/_structure.scss +2 -1
  42. package/src/scss/imports/global/_texture.scss +27 -2
  43. package/src/scss/imports/util/_index.scss +8 -8
  44. package/src/scss/imports/util/_vars.scss +8 -0
  45. package/src/ts/imports/components/header.ts +60 -35
  46. package/src/ts/imports/enum.ts +9 -9
  47. package/src/ts/imports/models/color.ts +96 -96
  48. package/src/ts/imports/util/display.ts +6 -6
  49. package/src/ts/imports/util/event.ts +7 -7
  50. package/src/ts/imports/util/list.ts +19 -19
  51. package/src/ts/imports/util/math.ts +17 -17
  52. package/src/ts/imports/util/selectors.ts +0 -45
  53. package/src/ts/imports/util/settings.ts +13 -47
  54. package/src/ts/imports/util/window.ts +6 -6
  55. package/src/ts/index.ts +33 -33
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
@@ -315,6 +315,12 @@ p .mint-pill, p .mint-btn {
315
315
  .mint-card.mint-center .mint-buttons {
316
316
  justify-content: center;
317
317
  }
318
+ .mint-card.mint-center-title .mint-title {
319
+ text-align: center;
320
+ }
321
+ .mint-card.mint-center-btns .mint-buttons {
322
+ justify-content: center;
323
+ }
318
324
  .mint-card.mint-stagger {
319
325
  position: relative;
320
326
  width: 100%;
@@ -322,7 +328,6 @@ p .mint-pill, p .mint-btn {
322
328
  @media (min-width: 768px) {
323
329
  .mint-card.mint-stagger {
324
330
  flex-direction: row;
325
- width: calc(100% + 3rem);
326
331
  border-radius: 0;
327
332
  box-shadow: none;
328
333
  overflow: visible;
@@ -505,6 +510,15 @@ p .mint-pill, p .mint-btn {
505
510
  @media (min-width: 1200px) {
506
511
  .mint-embed-bg iframe, .mint-embed-bg video {
507
512
  position: absolute;
513
+ left: -1rem;
514
+ width: 100vw;
515
+ border: none;
516
+ padding: 0;
517
+ }
518
+ }
519
+ @media (min-width: 1200px) {
520
+ .mint-embed-bg iframe + * .mint-grid, .mint-embed-bg video + * .mint-grid {
521
+ margin-bottom: -15%;
508
522
  }
509
523
  }
510
524
  .mint-embed-bg.mint-overflow {
@@ -645,22 +659,50 @@ app-footer::before {
645
659
  }
646
660
  }
647
661
  @media (max-width: 768px) {
648
- #mint-header.mint-spread [aria-controls]:not([aria-controls=mint-wrapper]) {
662
+ #mint-header.mint-spread #mint-wrapper [aria-controls] {
649
663
  display: none;
650
664
  }
651
- #mint-header.mint-spread [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
665
+ #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
652
666
  display: flex !important;
653
667
  height: auto !important;
654
668
  margin-bottom: 1rem !important;
655
669
  }
656
670
  }
657
- #mint-header.mint-spread:not(.mint-expand) [aria-controls]:not([aria-controls=mint-wrapper]) {
671
+ #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
658
672
  display: none;
659
673
  }
660
- #mint-header.mint-spread:not(.mint-expand) [aria-controls]:not([aria-controls=mint-wrapper]) + ul {
674
+ #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
661
675
  display: flex !important;
662
676
  height: auto !important;
663
- margin-bottom: 1rem !important;
677
+ margin-bottom: 1rem;
678
+ }
679
+ #mint-header.mint-tray #mint-wrapper {
680
+ gap: 1.5rem;
681
+ font-size: 0.5em;
682
+ }
683
+ @media (min-width: 768px) {
684
+ #mint-header.mint-tray #mint-wrapper {
685
+ max-width: 512px;
686
+ }
687
+ }
688
+ #mint-header.mint-tray #mint-wrapper a, #mint-header.mint-tray #mint-wrapper button {
689
+ padding: 0.75rem;
690
+ margin: 0.25rem 0;
691
+ line-height: 1;
692
+ }
693
+ #mint-header.mint-tray #mint-wrapper nav > ul {
694
+ flex-direction: column;
695
+ flex-wrap: nowrap;
696
+ justify-content: flex-start;
697
+ }
698
+ #mint-header.mint-tray #mint-wrapper nav li {
699
+ width: 100%;
700
+ }
701
+ #mint-header.mint-tray #mint-wrapper nav [aria-controls] + ul {
702
+ margin-bottom: 3rem !important;
703
+ }
704
+ #mint-header.mint-tray #mint-wrapper nav [aria-controls] + ul > li:first-child {
705
+ font-size: 1.5em;
664
706
  }
665
707
  #mint-header:not(.mint-border)::before {
666
708
  content: "";
@@ -711,11 +753,12 @@ app-footer::before {
711
753
  }
712
754
  #mint-header .mint-logo {
713
755
  display: flex;
756
+ align-items: center;
714
757
  width: auto;
715
758
  text-decoration: none;
716
759
  }
717
760
  #mint-header .mint-logo img {
718
- max-width: var(--mint-header-height);
761
+ max-height: calc(2rem + var(--mint-header-height));
719
762
  }
720
763
  #mint-header [aria-controls=mint-wrapper] {
721
764
  display: inline-block;
@@ -863,7 +906,9 @@ app-footer::before {
863
906
  }
864
907
  #mint-header .mint-buttons {
865
908
  flex-wrap: nowrap;
909
+ flex-shrink: 0;
866
910
  justify-content: flex-end;
911
+ margin-left: auto;
867
912
  }
868
913
  #mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
869
914
  #mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
@@ -1011,7 +1056,7 @@ app-footer::before {
1011
1056
  }
1012
1057
 
1013
1058
  .mint-16-9 {
1014
- padding-top: 56.25%;
1059
+ padding-top: 56.25% !important;
1015
1060
  }
1016
1061
 
1017
1062
  *, *::before, *::after {
@@ -2127,7 +2172,8 @@ section.mint-bigger {
2127
2172
  display: grid;
2128
2173
  grid-template-columns: 1fr;
2129
2174
  gap: 2rem;
2130
- margin: 2rem 0;
2175
+ margin-top: 2rem;
2176
+ margin-bottom: 2rem;
2131
2177
  }
2132
2178
  .mint-grid > * {
2133
2179
  margin: 0;