@appartmint/mint 2.10.0 → 2.10.1
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 +81 -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/_index.scss +1 -0
- package/src/scss/imports/components/form/_edit-info.scss +0 -0
- package/src/scss/imports/components/form/_form.scss +0 -0
- package/src/scss/imports/components/form/_index.scss +2 -0
- package/src/scss/imports/components/form/input/_index.scss +2 -0
- package/src/scss/imports/components/form/input/_input.scss +0 -0
- package/src/scss/imports/components/form/input/_label.scss +0 -0
- package/src/scss/imports/components/widget/_index.scss +1 -0
- package/src/scss/imports/components/widget/_tooltip.scss +104 -0
package/dist/css/mint.css
CHANGED
|
@@ -1480,6 +1480,87 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1480
1480
|
gap: 1rem;
|
|
1481
1481
|
}
|
|
1482
1482
|
|
|
1483
|
+
.mint-tooltip {
|
|
1484
|
+
display: none;
|
|
1485
|
+
position: absolute;
|
|
1486
|
+
max-width: var(--mint-tooltip-max-width);
|
|
1487
|
+
border-radius: var(--mint-tooltip-radius);
|
|
1488
|
+
padding: var(--mint-tooltip-padding);
|
|
1489
|
+
opacity: 0;
|
|
1490
|
+
color: var(--mint-tooltip-fore);
|
|
1491
|
+
background: var(--mint-tooltip-back);
|
|
1492
|
+
box-shadow: var(--mint-tooltip-shadow-color) var(--mint-tooltip-shadow-size);
|
|
1493
|
+
font-size: var(--mint-tooltip-font-size);
|
|
1494
|
+
line-height: var(--mint-tooltip-line-height);
|
|
1495
|
+
transition: opacity 0.3s;
|
|
1496
|
+
white-space: nowrap;
|
|
1497
|
+
}
|
|
1498
|
+
.mint-tooltip.mint-top::after, .mint-tooltip.mint-bottom::after {
|
|
1499
|
+
border-left: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1500
|
+
border-right: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1501
|
+
}
|
|
1502
|
+
.mint-tooltip.mint-left::after, .mint-tooltip.mint-right::after {
|
|
1503
|
+
border-top: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1504
|
+
border-bottom: solid var(--mint-tooltip-arrow-size) transparent;
|
|
1505
|
+
}
|
|
1506
|
+
.mint-tooltip.mint-top {
|
|
1507
|
+
bottom: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1508
|
+
left: 50%;
|
|
1509
|
+
transform: translateX(-50%);
|
|
1510
|
+
}
|
|
1511
|
+
.mint-tooltip.mint-top::after {
|
|
1512
|
+
bottom: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1513
|
+
left: 50%;
|
|
1514
|
+
transform: translateX(-50%);
|
|
1515
|
+
border-top: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1516
|
+
}
|
|
1517
|
+
.mint-tooltip.mint-left {
|
|
1518
|
+
right: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1519
|
+
top: 50%;
|
|
1520
|
+
transform: translateY(-50%);
|
|
1521
|
+
}
|
|
1522
|
+
.mint-tooltip.mint-left::after {
|
|
1523
|
+
right: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1524
|
+
top: 50%;
|
|
1525
|
+
transform: translateY(-50%);
|
|
1526
|
+
border-left: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1527
|
+
}
|
|
1528
|
+
.mint-tooltip.mint-bottom {
|
|
1529
|
+
top: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1530
|
+
left: 50%;
|
|
1531
|
+
transform: translateX(-50%);
|
|
1532
|
+
}
|
|
1533
|
+
.mint-tooltip.mint-bottom::after {
|
|
1534
|
+
top: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1535
|
+
left: 50%;
|
|
1536
|
+
transform: translateX(-50%);
|
|
1537
|
+
border-bottom: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1538
|
+
}
|
|
1539
|
+
.mint-tooltip.mint-right {
|
|
1540
|
+
left: calc(100% + var(--mint-tooltip-arrow-size) + var(--mint-tooltip-distance));
|
|
1541
|
+
top: 50%;
|
|
1542
|
+
transform: translateY(-50%);
|
|
1543
|
+
}
|
|
1544
|
+
.mint-tooltip.mint-right::after {
|
|
1545
|
+
left: calc(-1 * var(--mint-tooltip-arrow-size) + 1px);
|
|
1546
|
+
top: 50%;
|
|
1547
|
+
transform: translateY(-50%);
|
|
1548
|
+
border-right: solid var(--mint-tooltip-arrow-size) var(--mint-tooltip-back);
|
|
1549
|
+
}
|
|
1550
|
+
.mint-tooltip::after {
|
|
1551
|
+
content: "";
|
|
1552
|
+
position: absolute;
|
|
1553
|
+
width: 0;
|
|
1554
|
+
height: 0;
|
|
1555
|
+
}
|
|
1556
|
+
.mint-tooltipped {
|
|
1557
|
+
position: relative;
|
|
1558
|
+
}
|
|
1559
|
+
.mint-tooltipped:hover .mint-tooltip {
|
|
1560
|
+
display: block;
|
|
1561
|
+
opacity: 1;
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1483
1564
|
body.mint-ready app-root {
|
|
1484
1565
|
opacity: 1;
|
|
1485
1566
|
}
|