@appartmint/mint 2.6.3 → 2.6.5
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
|
@@ -421,12 +421,13 @@
|
|
|
421
421
|
#mint-header #mint-wrapper button {
|
|
422
422
|
align-items: center;
|
|
423
423
|
justify-content: center;
|
|
424
|
-
|
|
425
|
-
font-size: 3em;
|
|
424
|
+
width: 100%;
|
|
426
425
|
padding: 0.5rem;
|
|
427
426
|
margin: 0.5rem 0;
|
|
428
|
-
text-align: center;
|
|
429
427
|
border-radius: 1rem;
|
|
428
|
+
font-family: serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
|
|
429
|
+
font-size: 3em;
|
|
430
|
+
text-align: center;
|
|
430
431
|
color: var(--mint-fore);
|
|
431
432
|
background: var(--mint-trans);
|
|
432
433
|
transition-property: color, background;
|
|
@@ -1257,6 +1258,49 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1257
1258
|
text-align: left;
|
|
1258
1259
|
}
|
|
1259
1260
|
}
|
|
1261
|
+
.mint-card-grid {
|
|
1262
|
+
position: relative;
|
|
1263
|
+
background: var(--mint-back);
|
|
1264
|
+
}
|
|
1265
|
+
.mint-card-grid:has(.mint-image) .mint-content, :root:root .mint-card-grid:has(.mint-image) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:has(.mint-image) [data-amplify-router] {
|
|
1266
|
+
margin-top: 25%;
|
|
1267
|
+
padding-top: 25%;
|
|
1268
|
+
background: none;
|
|
1269
|
+
border: none;
|
|
1270
|
+
}
|
|
1271
|
+
.mint-card-grid:has(.mint-image) .mint-content::before, :root:root .mint-card-grid:has(.mint-image) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router]::before, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:has(.mint-image) [data-amplify-router]::before {
|
|
1272
|
+
opacity: 0;
|
|
1273
|
+
}
|
|
1274
|
+
.mint-card-grid:has(.mint-image) .mint-content::after, :root:root .mint-card-grid:has(.mint-image) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router]::after, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:has(.mint-image) [data-amplify-router]::after {
|
|
1275
|
+
content: "";
|
|
1276
|
+
position: absolute;
|
|
1277
|
+
top: 0;
|
|
1278
|
+
left: 0;
|
|
1279
|
+
width: 100%;
|
|
1280
|
+
height: 100%;
|
|
1281
|
+
opacity: 0.75;
|
|
1282
|
+
background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.7) 66%, var(--mint-shadow-0));
|
|
1283
|
+
transition: opacity 300ms ease-in-out;
|
|
1284
|
+
z-index: -1;
|
|
1285
|
+
}
|
|
1286
|
+
.mint-card-grid:hover .mint-content::after, :root:root .mint-card-grid:hover [data-amplify-authenticator] [data-amplify-container] [data-amplify-router]::after, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:hover [data-amplify-router]::after {
|
|
1287
|
+
opacity: 1;
|
|
1288
|
+
}
|
|
1289
|
+
.mint-card-grid .mint-image {
|
|
1290
|
+
position: absolute;
|
|
1291
|
+
top: 0;
|
|
1292
|
+
left: 0;
|
|
1293
|
+
width: 100%;
|
|
1294
|
+
height: 100%;
|
|
1295
|
+
object-fit: cover;
|
|
1296
|
+
}
|
|
1297
|
+
.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] {
|
|
1298
|
+
justify-content: flex-end;
|
|
1299
|
+
background: var(--mint-shadow-0);
|
|
1300
|
+
}
|
|
1301
|
+
.mint-card-grid .mint-content .mint-buttons, :root:root .mint-card-grid [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] .mint-buttons, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid [data-amplify-router] .mint-buttons {
|
|
1302
|
+
margin-top: 0 !important;
|
|
1303
|
+
}
|
|
1260
1304
|
|
|
1261
1305
|
.mint-grid.mint-3 .mint-card, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container],
|
|
1262
1306
|
.mint-grid.mint-4 .mint-card,
|