@appartmint/mint 2.6.6 → 2.6.8

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 CHANGED
@@ -474,6 +474,7 @@
474
474
  flex-shrink: 0;
475
475
  justify-content: flex-end;
476
476
  margin-left: auto;
477
+ overflow: visible;
477
478
  }
478
479
  #mint-header .mint-dropdown {
479
480
  background: var(--mint-header-back);
@@ -1005,28 +1006,27 @@
1005
1006
  .mint-btn-group {
1006
1007
  display: flex;
1007
1008
  width: fit-content;
1009
+ max-width: 100%;
1008
1010
  margin: auto;
1009
1011
  padding: 0;
1012
+ overflow: visible;
1010
1013
  transition: all var(--mint-delay-default);
1011
1014
  }
1012
- .mint-btn-group button {
1013
- width: 100%;
1014
- border: none;
1015
- color: inherit;
1016
- background: transparent;
1017
- }
1018
- .mint-btn-group button:first-child {
1015
+ .mint-btn-group > *:first-child, .mint-btn-group > *:first-child button {
1019
1016
  padding: 0.5rem 0 0.5rem 1rem;
1020
1017
  border-top-left-radius: 1rem;
1021
1018
  border-bottom-left-radius: 1rem;
1022
1019
  }
1023
- .mint-btn-group button:last-child {
1020
+ .mint-btn-group > *:last-child, .mint-btn-group > *:last-child button {
1024
1021
  padding: 0.5rem 1rem 0.5rem 0;
1025
1022
  border-top-right-radius: 1rem;
1026
1023
  border-bottom-right-radius: 1rem;
1027
1024
  }
1028
- .mint-btn-group button[disabled] {
1029
- pointer-events: none;
1025
+ .mint-btn-group button {
1026
+ width: 100%;
1027
+ border: none;
1028
+ color: inherit;
1029
+ background: transparent;
1030
1030
  }
1031
1031
  .mint-btn-group button:hover {
1032
1032
  background: var(--mint-brand-5);
@@ -1061,6 +1061,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1061
1061
  justify-content: center;
1062
1062
  flex-wrap: wrap;
1063
1063
  gap: 1rem;
1064
+ overflow: hidden;
1064
1065
  }
1065
1066
  @media (min-width: 480px) {
1066
1067
  .mint-buttons {
@@ -1286,6 +1287,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1286
1287
  width: 100%;
1287
1288
  height: 100%;
1288
1289
  opacity: 0.75;
1290
+ mask-image: none;
1289
1291
  background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.7) 66%, var(--mint-shadow-0));
1290
1292
  transition: opacity 300ms ease-in-out;
1291
1293
  z-index: -1;
@@ -1299,6 +1301,9 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
1299
1301
  left: 0;
1300
1302
  width: 100%;
1301
1303
  height: 100%;
1304
+ }
1305
+ .mint-card-grid .mint-image img {
1306
+ height: 100%;
1302
1307
  object-fit: cover;
1303
1308
  }
1304
1309
  .mint-card-grid .mint-content, :root:root .mint-card-grid [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid [data-amplify-router] {