@appartmint/mint 4.0.2 → 4.0.4
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
|
@@ -1378,13 +1378,13 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1378
1378
|
box-shadow: none;
|
|
1379
1379
|
overflow: visible;
|
|
1380
1380
|
}
|
|
1381
|
-
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image {
|
|
1381
|
+
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image, .mint-card.mint-stagger > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image {
|
|
1382
1382
|
width: calc(50% + var(--mint-card-padding));
|
|
1383
1383
|
height: fit-content;
|
|
1384
1384
|
margin-right: calc(var(--mint-card-padding) * -2);
|
|
1385
1385
|
border-radius: var(--mint-card-radius);
|
|
1386
1386
|
}
|
|
1387
|
-
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img {
|
|
1387
|
+
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img, .mint-card.mint-stagger > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > mint-widget-image .mint-image img {
|
|
1388
1388
|
height: 100%;
|
|
1389
1389
|
object-fit: cover;
|
|
1390
1390
|
}
|
|
@@ -1400,7 +1400,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1400
1400
|
.mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
|
|
1401
1401
|
flex-direction: row-reverse;
|
|
1402
1402
|
}
|
|
1403
|
-
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image {
|
|
1403
|
+
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image, .mint-card.mint-stagger.mint-reverse > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > mint-widget-image .mint-image {
|
|
1404
1404
|
margin-right: 0;
|
|
1405
1405
|
margin-left: calc(var(--mint-card-padding) * -2);
|
|
1406
1406
|
}
|
|
@@ -1421,6 +1421,22 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1421
1421
|
width: 50%;
|
|
1422
1422
|
}
|
|
1423
1423
|
}
|
|
1424
|
+
.mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
|
|
1425
|
+
overflow: hidden;
|
|
1426
|
+
}
|
|
1427
|
+
@media (min-width: 768px) {
|
|
1428
|
+
.mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
|
|
1429
|
+
width: 50%;
|
|
1430
|
+
}
|
|
1431
|
+
}
|
|
1432
|
+
.mint-card > mint-widget-image:only-child .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image:only-child .mint-image {
|
|
1433
|
+
width: 100%;
|
|
1434
|
+
}
|
|
1435
|
+
@media (min-width: 768px) {
|
|
1436
|
+
.mint-card > mint-widget-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > mint-widget-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image + [data-amplify-router] {
|
|
1437
|
+
width: 50%;
|
|
1438
|
+
}
|
|
1439
|
+
}
|
|
1424
1440
|
.mint-card .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] {
|
|
1425
1441
|
display: flex;
|
|
1426
1442
|
flex-direction: column;
|
|
@@ -1430,6 +1446,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1430
1446
|
background: var(--mint-card-back);
|
|
1431
1447
|
width: 100%;
|
|
1432
1448
|
overflow: hidden;
|
|
1449
|
+
z-index: 10;
|
|
1433
1450
|
}
|
|
1434
1451
|
.mint-card .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-content > *, :root:root [data-amplify-authenticator] [data-amplify-container] [data-amplify-router] > * {
|
|
1435
1452
|
margin-top: 0;
|
|
@@ -1453,17 +1470,17 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1453
1470
|
.mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
|
|
1454
1471
|
height: 100%;
|
|
1455
1472
|
}
|
|
1456
|
-
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image {
|
|
1473
|
+
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image, .mint-card .mint-title > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image {
|
|
1457
1474
|
width: 100%;
|
|
1458
1475
|
height: 100%;
|
|
1459
1476
|
max-width: var(--mint-card-logo-size);
|
|
1460
1477
|
max-height: var(--mint-card-logo-size);
|
|
1461
1478
|
}
|
|
1462
|
-
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large {
|
|
1479
|
+
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large, .mint-card .mint-title > mint-widget-image .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image.mint-large {
|
|
1463
1480
|
max-width: calc(2 * var(--mint-card-logo-size));
|
|
1464
1481
|
max-height: calc(2 * var(--mint-card-logo-size));
|
|
1465
1482
|
}
|
|
1466
|
-
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img {
|
|
1483
|
+
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img, .mint-card .mint-title > mint-widget-image .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > mint-widget-image .mint-image img {
|
|
1467
1484
|
display: block;
|
|
1468
1485
|
width: 100%;
|
|
1469
1486
|
height: 100%;
|
|
@@ -1551,29 +1568,42 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1551
1568
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
|
|
1552
1569
|
flex-direction: column !important;
|
|
1553
1570
|
}
|
|
1554
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1571
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
|
|
1555
1572
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1556
1573
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
1557
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image
|
|
1574
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
|
|
1575
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
1576
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
1577
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
1558
1578
|
overflow: hidden;
|
|
1559
1579
|
}
|
|
1560
1580
|
@media (min-width: 768px) {
|
|
1561
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1581
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image, .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image,
|
|
1562
1582
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1563
1583
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
1564
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image
|
|
1584
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image,
|
|
1585
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
1586
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
1587
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
1565
1588
|
width: 100%;
|
|
1566
1589
|
}
|
|
1567
1590
|
}
|
|
1568
1591
|
@media (min-width: 768px) {
|
|
1569
|
-
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1592
|
+
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router], .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + .mint-content, :root:root .mint-grid.mint-3 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > mint-widget-image .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
|
|
1570
1593
|
.mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
|
|
1571
1594
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
|
|
1572
1595
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
|
|
1573
1596
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router],
|
|
1574
1597
|
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
|
|
1575
1598
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1576
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router]
|
|
1599
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1600
|
+
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + .mint-content,
|
|
1601
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
1602
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
1603
|
+
:root:root .mint-grid.mint-4 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router],
|
|
1604
|
+
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + [data-amplify-router],
|
|
1605
|
+
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
|
|
1606
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
|
|
1577
1607
|
width: 100%;
|
|
1578
1608
|
}
|
|
1579
1609
|
}
|