@appartmint/mint 2.9.0 → 2.9.3

package/dist/css/mint.css

@@ -691,6 +691,58 @@ body.mint-fixed #mint-header {
   }
 }
 
+button,
+a[routerLink] {
+  cursor: pointer;
+}
+
+a,
+button,
+.mint-btn,
+:root:root [amplify-button],
+.mint-select,
+.mint-btn-icon,
+.mint-pill {
+  font-size: inherit;
+}
+a[disabled],
+button[disabled],
+.mint-btn[disabled],
+:root:root [disabled][amplify-button],
+[disabled].mint-select,
+.mint-btn-icon[disabled],
+.mint-pill[disabled] {
+  filter: grayscale(1) brightness(0.75) !important;
+  pointer-events: none !important;
+}
+a[disabled].mint-fall-in:not(.mint-show),
+button[disabled].mint-fall-in:not(.mint-show),
+.mint-btn[disabled].mint-fall-in:not(.mint-show),
+:root:root [disabled].mint-fall-in[amplify-button]:not(.mint-show),
+[disabled].mint-fall-in.mint-select:not(.mint-show),
+.mint-btn-icon[disabled].mint-fall-in:not(.mint-show),
+.mint-pill[disabled].mint-fall-in:not(.mint-show) {
+  filter: grayscale(1) brightness(0.75) opacity(0%) !important;
+}
+a i:first-child,
+button i:first-child,
+.mint-btn i:first-child,
+:root:root [amplify-button] i:first-child,
+.mint-select i:first-child,
+.mint-btn-icon i:first-child,
+.mint-pill i:first-child {
+  margin-right: 0.5em;
+}
+a i:last-child,
+button i:last-child,
+.mint-btn i:last-child,
+:root:root [amplify-button] i:last-child,
+.mint-select i:last-child,
+.mint-btn-icon i:last-child,
+.mint-pill i:last-child {
+  margin-left: 0.5em;
+}
+
 .mint-btn, :root:root [amplify-button], .mint-select,
 .mint-btn-group,
 .mint-btn-icon,
@@ -1686,33 +1738,6 @@ nav ul > li > ul {
   }
 }
 
-button,
-a[routerLink] {
-  cursor: pointer;
-}
-
-a,
-button {
-  font-size: inherit;
-}
-a[disabled],
-button[disabled] {
-  filter: grayscale(1) brightness(0.75) !important;
-  pointer-events: none !important;
-}
-a[disabled].mint-fall-in:not(.mint-show),
-button[disabled].mint-fall-in:not(.mint-show) {
-  filter: grayscale(1) brightness(0.75) opacity(0%) !important;
-}
-a i:first-child,
-button i:first-child {
-  margin-right: 0.5em;
-}
-a i:last-child,
-button i:last-child {
-  margin-left: 0.5em;
-}
-
 img,
 video {
   width: 100%;
@@ -3443,6 +3468,17 @@ p, .mint-p {
   --mint-info-4: rgb(168, 206.9565217391, 45.0434782609);
   --mint-info-5: rgb(134, 165.0724637681, 35.9275362319);
   --mint-info-6: rgb(100, 123.1884057971, 26.8115942029);
+  --mint-tooltip-fore: var(--mint-fore);
+  --mint-tooltip-back: var(--mint-black-2);
+  --mint-tooltip-radius: 1rem;
+  --mint-tooltip-shadow-color: glow-2;
+  --mint-tooltip-shadow-size: 0 0 2rem -0.5rem;
+  --mint-tooltip-padding: 0.5rem 1rem;
+  --mint-tooltip-distance: 0.5rem;
+  --mint-tooltip-max-width: 90vw;
+  --mint-tooltip-line-height: 1.5;
+  --mint-tooltip-font-size: 1rem;
+  --mint-tooltip-arrow-size: 0.5rem;
 }
 
 :root {