@appartmint/mint 2.6.4 → 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
|
@@ -1258,6 +1258,49 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1258
1258
|
text-align: left;
|
|
1259
1259
|
}
|
|
1260
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
|
+
}
|
|
1261
1304
|
|
|
1262
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],
|
|
1263
1306
|
.mint-grid.mint-4 .mint-card,
|