@appartmint/mint 0.13.4 → 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.
- package/dist/css/mint.css +52 -8
- 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 +6 -4
- package/dist/js/imports/components/header.d.ts.map +1 -1
- package/dist/js/imports/util/selectors.d.ts +0 -24
- package/dist/js/imports/util/selectors.d.ts.map +1 -1
- package/dist/js/imports/util/settings.d.ts +4 -18
- package/dist/js/imports/util/settings.d.ts.map +1 -1
- package/dist/js/index.js +69 -110
- 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 +16 -260
- 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/_cards.scss +12 -1
- package/src/scss/imports/components/_embed.scss +12 -0
- package/src/scss/imports/components/_header.scss +59 -13
- package/src/scss/imports/global/_aspect.scss +1 -1
- package/src/scss/imports/global/_texture.scss +27 -2
- package/src/scss/imports/util/_vars.scss +8 -0
- package/src/ts/imports/components/header.ts +60 -35
- package/src/ts/imports/util/selectors.ts +0 -45
- package/src/ts/imports/util/settings.ts +13 -47
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
|
|
662
|
+
#mint-header.mint-spread #mint-wrapper [aria-controls] {
|
|
649
663
|
display: none;
|
|
650
664
|
}
|
|
651
|
-
#mint-header.mint-spread
|
|
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)
|
|
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)
|
|
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
|
|
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-
|
|
761
|
+
max-height: calc(2rem + var(--mint-header-height));
|
|
719
762
|
}
|
|
720
763
|
#mint-header [aria-controls=mint-wrapper] {
|
|
721
764
|
display: inline-block;
|
|
@@ -865,6 +908,7 @@ app-footer::before {
|
|
|
865
908
|
flex-wrap: nowrap;
|
|
866
909
|
flex-shrink: 0;
|
|
867
910
|
justify-content: flex-end;
|
|
911
|
+
margin-left: auto;
|
|
868
912
|
}
|
|
869
913
|
#mint-header .mint-buttons a:not([aria-controls=mint-wrapper]),
|
|
870
914
|
#mint-header .mint-buttons button:not([aria-controls=mint-wrapper]) {
|
|
@@ -1012,7 +1056,7 @@ app-footer::before {
|
|
|
1012
1056
|
}
|
|
1013
1057
|
|
|
1014
1058
|
.mint-16-9 {
|
|
1015
|
-
padding-top: 56.25
|
|
1059
|
+
padding-top: 56.25% !important;
|
|
1016
1060
|
}
|
|
1017
1061
|
|
|
1018
1062
|
*, *::before, *::after {
|