@appartmint/mint 0.10.26 → 0.10.28
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/README.md +1 -0
- package/dist/css/mint.css +10 -9
- 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/_cards.scss +29 -27
- package/src/scss/imports/util/_util.scss +76 -73
package/README.md
CHANGED
package/dist/css/mint.css
CHANGED
|
@@ -314,20 +314,20 @@ p .mint-pill, p .mint-btn {
|
|
|
314
314
|
}
|
|
315
315
|
.mint-card.mint-stagger {
|
|
316
316
|
position: relative;
|
|
317
|
+
width: 100%;
|
|
317
318
|
}
|
|
318
319
|
@media (min-width: 768px) {
|
|
319
320
|
.mint-card.mint-stagger {
|
|
320
|
-
flex-direction: row
|
|
321
|
+
flex-direction: row;
|
|
322
|
+
width: calc(100% + 3rem);
|
|
321
323
|
border-radius: 0;
|
|
322
324
|
box-shadow: none;
|
|
323
325
|
overflow: visible;
|
|
324
326
|
}
|
|
325
327
|
.mint-card.mint-stagger > .mint-image, .mint-card.mint-stagger > mint-image .mint-image {
|
|
326
|
-
position: absolute;
|
|
327
|
-
top: 0;
|
|
328
|
-
left: 0;
|
|
329
328
|
width: 50%;
|
|
330
|
-
height:
|
|
329
|
+
height: fit-content;
|
|
330
|
+
margin-right: -3rem;
|
|
331
331
|
border-radius: 1rem;
|
|
332
332
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
333
333
|
}
|
|
@@ -336,7 +336,8 @@ p .mint-pill, p .mint-btn {
|
|
|
336
336
|
object-fit: cover;
|
|
337
337
|
}
|
|
338
338
|
.mint-card.mint-stagger > .mint-content {
|
|
339
|
-
width:
|
|
339
|
+
width: 50%;
|
|
340
|
+
height: fit-content;
|
|
340
341
|
margin-top: 3rem;
|
|
341
342
|
border-radius: 1rem;
|
|
342
343
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
@@ -344,11 +345,11 @@ p .mint-pill, p .mint-btn {
|
|
|
344
345
|
}
|
|
345
346
|
@media (min-width: 768px) {
|
|
346
347
|
.mint-card.mint-stagger.mint-reverse {
|
|
347
|
-
flex-direction: row;
|
|
348
|
+
flex-direction: row-reverse;
|
|
348
349
|
}
|
|
349
350
|
.mint-card.mint-stagger.mint-reverse > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-image .mint-image {
|
|
350
|
-
|
|
351
|
-
|
|
351
|
+
margin-right: 3rem;
|
|
352
|
+
margin-left: -3rem;
|
|
352
353
|
}
|
|
353
354
|
}
|
|
354
355
|
.mint-card > .mint-image:only-child, .mint-card > mint-image:only-child .mint-image {
|