@appartmint/mint 0.14.13 → 0.14.15

package/dist/css/mint.css

@@ -313,6 +313,7 @@ p .mint-pill, p .mint-btn {
 }
 .mint-card.mint-center .mint-title {
   justify-content: center;
+  text-align: center;
 }
 .mint-card.mint-center .mint-title > div {
   width: auto;
@@ -325,6 +326,7 @@ p .mint-pill, p .mint-btn {
 }
 .mint-card.mint-center-title .mint-title {
   justify-content: center;
+  text-align: center;
 }
 .mint-card.mint-center-title .mint-title > div {
   width: auto;
@@ -1122,15 +1124,8 @@ body {
   min-height: 100vh;
   margin: 0;
   padding: 0;
-  word-break: break-word;
   scroll-behavior: smooth;
 }
-@media (min-width: 480px) {
-  html,
-  body {
-    word-break: initial;
-  }
-}
 
 body.mint-fixed #mint-header {
   position: fixed;
@@ -1142,14 +1137,14 @@ body.mint-fixed main {
   padding-top: var(--mint-header-height);
 }
 body.mint-ready mint-root {
-  filter: opacity(1);
+  opacity: 1;
 }
 
 mint-root {
   display: block;
   position: relative;
-  filter: opacity(0);
-  transition: filter 750ms;
+  opacity: 0;
+  transition: opacity 750ms ease-in;
 }
 
 main {
@@ -2470,7 +2465,12 @@ h6:last-child,
 
 h1, .mint-h1 {
   margin: 1rem 0;
-  font-size: 2.5rem;
+  font-size: min(15vw, 2.5rem);
+}
+@media (min-width: 480px) {
+  h1, .mint-h1 {
+    font-size: 2.5rem;
+  }
 }
 @media (min-width: 1024px) {
   h1, .mint-h1 {
@@ -2480,7 +2480,12 @@ h1, .mint-h1 {
 
 h2, .mint-h2 {
   margin: 1rem 0;
-  font-size: 2rem;
+  font-size: min(12vw, 2rem);
+}
+@media (min-width: 480px) {
+  h2, .mint-h2 {
+    font-size: 2rem;
+  }
 }
 @media (min-width: 1024px) {
   h2, .mint-h2 {
@@ -2490,7 +2495,12 @@ h2, .mint-h2 {
 
 h3, .mint-h3 {
   margin: 1rem 0;
-  font-size: 1.75rem;
+  font-size: min(10vw, 1.75rem);
+}
+@media (min-width: 480px) {
+  h3, .mint-h3 {
+    font-size: 1.75rem;
+  }
 }
 @media (min-width: 1024px) {
   h3, .mint-h3 {
@@ -2500,7 +2510,12 @@ h3, .mint-h3 {
 
 h4, .mint-h4 {
   margin: 1rem 0;
-  font-size: 1.5rem;
+  font-size: min(8vw, 1.5rem);
+}
+@media (min-width: 480px) {
+  h4, .mint-h4 {
+    font-size: 1.5rem;
+  }
 }
 @media (min-width: 1024px) {
   h4, .mint-h4 {
@@ -2510,7 +2525,12 @@ h4, .mint-h4 {
 
 h5, .mint-h5 {
   margin: 1rem 0;
-  font-size: 1.25rem;
+  font-size: min(7vw, 1.25rem);
+}
+@media (min-width: 480px) {
+  h5, .mint-h5 {
+    font-size: 1.25rem;
+  }
 }
 @media (min-width: 1024px) {
   h5, .mint-h5 {
@@ -2520,7 +2540,12 @@ h5, .mint-h5 {
 
 h6, .mint-h6 {
   margin: 1rem 0;
-  font-size: 1.125rem;
+  font-size: min(6vw, 1.125rem);
+}
+@media (min-width: 480px) {
+  h6, .mint-h6 {
+    font-size: 1.125rem;
+  }
 }
 @media (min-width: 1024px) {
   h6, .mint-h6 {
@@ -2532,6 +2557,11 @@ p, .mint-p {
   margin: 1rem 0;
   font-size: 1rem;
 }
+@media (min-width: 480px) {
+  p, .mint-p {
+    font-size: 1rem;
+  }
+}
 @media (min-width: 1024px) {
   p, .mint-p {
     font-size: 1.125rem;