@appartmint/mint 2.6.4 → 2.6.6
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 +55 -0
- 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/package.json +1 -1
- package/src/scss/imports/components/widget/_button.scss +1 -0
- package/src/scss/imports/components/widget/_card.scss +66 -0
- package/src/scss/imports/overrides/_swiper.scss +4 -0
package/dist/css/mint.css
CHANGED
|
@@ -963,6 +963,7 @@
|
|
|
963
963
|
|
|
964
964
|
.mint-btn, :root:root [amplify-button], .mint-select {
|
|
965
965
|
padding: 0.5rem 1.75rem;
|
|
966
|
+
cursor: pointer;
|
|
966
967
|
}
|
|
967
968
|
.mint-btn-icon {
|
|
968
969
|
display: block;
|
|
@@ -1107,6 +1108,12 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1107
1108
|
flex-direction: row-reverse;
|
|
1108
1109
|
}
|
|
1109
1110
|
}
|
|
1111
|
+
.mint-card:has(mint-widget-carousel), :root:root [data-amplify-authenticator] [data-amplify-container]:has(mint-widget-carousel) {
|
|
1112
|
+
box-shadow: none;
|
|
1113
|
+
}
|
|
1114
|
+
.mint-card:has(mint-widget-carousel) .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container]:has(mint-widget-carousel) .mint-content, :root:root .mint-card:has(mint-widget-carousel) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card:has(mint-widget-carousel) [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container]:has(mint-widget-carousel) [data-amplify-router] {
|
|
1115
|
+
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
1116
|
+
}
|
|
1110
1117
|
.mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
|
|
1111
1118
|
justify-content: center;
|
|
1112
1119
|
text-align: center;
|
|
@@ -1258,6 +1265,49 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1258
1265
|
text-align: left;
|
|
1259
1266
|
}
|
|
1260
1267
|
}
|
|
1268
|
+
.mint-card-grid {
|
|
1269
|
+
position: relative;
|
|
1270
|
+
background: var(--mint-back);
|
|
1271
|
+
}
|
|
1272
|
+
.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] {
|
|
1273
|
+
margin-top: 25%;
|
|
1274
|
+
padding-top: 25%;
|
|
1275
|
+
background: none;
|
|
1276
|
+
border: none;
|
|
1277
|
+
}
|
|
1278
|
+
.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 {
|
|
1279
|
+
opacity: 0;
|
|
1280
|
+
}
|
|
1281
|
+
.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 {
|
|
1282
|
+
content: "";
|
|
1283
|
+
position: absolute;
|
|
1284
|
+
top: 0;
|
|
1285
|
+
left: 0;
|
|
1286
|
+
width: 100%;
|
|
1287
|
+
height: 100%;
|
|
1288
|
+
opacity: 0.75;
|
|
1289
|
+
background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.7) 66%, var(--mint-shadow-0));
|
|
1290
|
+
transition: opacity 300ms ease-in-out;
|
|
1291
|
+
z-index: -1;
|
|
1292
|
+
}
|
|
1293
|
+
.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 {
|
|
1294
|
+
opacity: 1;
|
|
1295
|
+
}
|
|
1296
|
+
.mint-card-grid .mint-image {
|
|
1297
|
+
position: absolute;
|
|
1298
|
+
top: 0;
|
|
1299
|
+
left: 0;
|
|
1300
|
+
width: 100%;
|
|
1301
|
+
height: 100%;
|
|
1302
|
+
object-fit: cover;
|
|
1303
|
+
}
|
|
1304
|
+
.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] {
|
|
1305
|
+
justify-content: flex-end;
|
|
1306
|
+
background: var(--mint-shadow-0);
|
|
1307
|
+
}
|
|
1308
|
+
.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 {
|
|
1309
|
+
margin-top: 0 !important;
|
|
1310
|
+
}
|
|
1261
1311
|
|
|
1262
1312
|
.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
1313
|
.mint-grid.mint-4 .mint-card,
|
|
@@ -3765,6 +3815,11 @@ thead .fc-scroller {
|
|
|
3765
3815
|
--swiper-navigation-sides-offset: 1rem;
|
|
3766
3816
|
}
|
|
3767
3817
|
}
|
|
3818
|
+
:root .swiper-slide {
|
|
3819
|
+
display: flex;
|
|
3820
|
+
align-items: center;
|
|
3821
|
+
justify-content: center;
|
|
3822
|
+
}
|
|
3768
3823
|
@media (min-width: 480px) {
|
|
3769
3824
|
:root .swiper-slide {
|
|
3770
3825
|
padding: 3rem;
|