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