@appartmint/mint 0.12.0 → 0.12.2

package/dist/css/mint.css

@@ -370,7 +370,8 @@ p .mint-pill, p .mint-btn {
   }
 }
 .mint-card .mint-content {
-  display: grid;
+  display: flex;
+  flex-direction: column;
   gap: 1rem;
   position: relative;
   padding: 1.5rem;
@@ -881,8 +882,10 @@ nav ul > li > ul {
   flex-direction: column;
 }
 
-a[href^="mailto:"], a[href^="tel:"], a[href^="sms:"] {
-  white-space: nowrap;
+@media (min-width: 480px) {
+  a[href^="mailto:"], a[href^="tel:"], a[href^="sms:"] {
+    white-space: nowrap;
+  }
 }
 a i:first-child {
   margin-right: 0.25rem;
@@ -937,19 +940,287 @@ i.fa-envelope {
   transform: translateY(5%);
 }
 
+.mint-pad-auto {
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-v {
+  padding: 1rem auto;
+}
+.mint-pad-auto-v0 {
+  padding: 0rem auto;
+}
+.mint-pad-auto-v1 {
+  padding: 1rem auto;
+}
+.mint-pad-auto-v2 {
+  padding: 2rem auto;
+}
+.mint-pad-auto-v3 {
+  padding: 3rem auto;
+}
+.mint-pad-auto-v4 {
+  padding: 4rem auto;
+}
+.mint-pad-auto-v5 {
+  padding: 5rem auto;
+}
+.mint-pad-auto-v6 {
+  padding: 6rem auto;
+}
+.mint-pad-auto-t {
+  padding-top: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t0 {
+  padding-top: 0rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t1 {
+  padding-top: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t2 {
+  padding-top: 2rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t3 {
+  padding-top: 3rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t4 {
+  padding-top: 4rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t5 {
+  padding-top: 5rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-t6 {
+  padding-top: 6rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b {
+  padding-bottom: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b0 {
+  padding-bottom: 0rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b1 {
+  padding-bottom: 1rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b2 {
+  padding-bottom: 2rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b3 {
+  padding-bottom: 3rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b4 {
+  padding-bottom: 4rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b5 {
+  padding-bottom: 5rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-auto-b6 {
+  padding-bottom: 6rem;
+  padding-left: auto;
+  padding-right: auto;
+}
+.mint-pad-v {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.mint-pad-v0 {
+  padding-top: 0rem;
+  padding-bottom: 0rem;
+}
+.mint-pad-v1 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.mint-pad-v2 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.mint-pad-v3 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+.mint-pad-v4 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.mint-pad-v5 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+.mint-pad-v6 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+.mint-pad-t {
+  padding-top: 1rem;
+}
+.mint-pad-t0 {
+  padding-top: 0rem;
+}
+.mint-pad-t1 {
+  padding-top: 1rem;
+}
+.mint-pad-t2 {
+  padding-top: 2rem;
+}
+.mint-pad-t3 {
+  padding-top: 3rem;
+}
+.mint-pad-t4 {
+  padding-top: 4rem;
+}
+.mint-pad-t5 {
+  padding-top: 5rem;
+}
+.mint-pad-t6 {
+  padding-top: 6rem;
+}
+.mint-pad-b {
+  padding-bottom: 1rem;
+}
+.mint-pad-b0 {
+  padding-bottom: 0rem;
+}
+.mint-pad-b1 {
+  padding-bottom: 1rem;
+}
+.mint-pad-b2 {
+  padding-bottom: 2rem;
+}
+.mint-pad-b3 {
+  padding-bottom: 3rem;
+}
+.mint-pad-b4 {
+  padding-bottom: 4rem;
+}
+.mint-pad-b5 {
+  padding-bottom: 5rem;
+}
+.mint-pad-b6 {
+  padding-bottom: 6rem;
+}
+.mint-pad-h {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.mint-pad-h0 {
+  padding-left: 0rem;
+  padding-right: 0rem;
+}
+.mint-pad-h1 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.mint-pad-h2 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.mint-pad-h3 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+.mint-pad-h4 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.mint-pad-h5 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+.mint-pad-h6 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+.mint-pad-l {
+  padding-left: 1rem;
+}
+.mint-pad-l0 {
+  padding-left: 0rem;
+}
+.mint-pad-l1 {
+  padding-left: 1rem;
+}
+.mint-pad-l2 {
+  padding-left: 2rem;
+}
+.mint-pad-l3 {
+  padding-left: 3rem;
+}
+.mint-pad-l4 {
+  padding-left: 4rem;
+}
+.mint-pad-l5 {
+  padding-left: 5rem;
+}
+.mint-pad-l6 {
+  padding-left: 6rem;
+}
+.mint-pad-r {
+  padding-right: 1rem;
+}
+.mint-pad-r0 {
+  padding-right: 0rem;
+}
+.mint-pad-r1 {
+  padding-right: 1rem;
+}
+.mint-pad-r2 {
+  padding-right: 2rem;
+}
+.mint-pad-r3 {
+  padding-right: 3rem;
+}
+.mint-pad-r4 {
+  padding-right: 4rem;
+}
+.mint-pad-r5 {
+  padding-right: 5rem;
+}
+.mint-pad-r6 {
+  padding-right: 6rem;
+}
 .mint-pad {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 .mint-pad-xs {
   padding: 0;
 }
 @media (min-width: 480px) {
   .mint-pad-xs {
-    padding: 1rem;
+    padding: 0.5rem;
   }
 }
 .mint-pad-to-xs {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 @media (min-width: 480px) {
   .mint-pad-to-xs {
@@ -961,11 +1232,11 @@ i.fa-envelope {
 }
 @media (min-width: 768px) {
   .mint-pad-sm {
-    padding: 1rem;
+    padding: 0.5rem;
   }
 }
 .mint-pad-to-sm {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 @media (min-width: 768px) {
   .mint-pad-to-sm {
@@ -977,11 +1248,11 @@ i.fa-envelope {
 }
 @media (min-width: 1024px) {
   .mint-pad-md {
-    padding: 1rem;
+    padding: 0.5rem;
   }
 }
 .mint-pad-to-md {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 @media (min-width: 1024px) {
   .mint-pad-to-md {
@@ -993,11 +1264,11 @@ i.fa-envelope {
 }
 @media (min-width: 1200px) {
   .mint-pad-lg {
-    padding: 1rem;
+    padding: 0.5rem;
   }
 }
 .mint-pad-to-lg {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 @media (min-width: 1200px) {
   .mint-pad-to-lg {
@@ -1009,101 +1280,121 @@ i.fa-envelope {
 }
 @media (min-width: 1440px) {
   .mint-pad-xl {
-    padding: 1rem;
+    padding: 0.5rem;
   }
 }
 .mint-pad-to-xl {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 @media (min-width: 1440px) {
   .mint-pad-to-xl {
     padding: 0;
   }
 }
-
-.mint-margin {
-  margin: 1rem;
+@media (min-width: 480px) {
+  .mint-pad {
+    padding: 1rem;
+  }
+  .mint-pad-xs {
+    padding: 0;
+  }
 }
-.mint-margin-xs {
-  margin: 0;
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-pad-xs {
+    padding: 1rem;
+  }
 }
 @media (min-width: 480px) {
-  .mint-margin-xs {
-    margin: 1rem;
+  .mint-pad-to-xs {
+    padding: 1rem;
   }
 }
-.mint-margin-to-xs {
-  margin: 1rem;
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-pad-to-xs {
+    padding: 0;
+  }
 }
 @media (min-width: 480px) {
-  .mint-margin-to-xs {
-    margin: 0;
+  .mint-pad-sm {
+    padding: 0;
   }
 }
-.mint-margin-sm {
-  margin: 0;
-}
-@media (min-width: 768px) {
-  .mint-margin-sm {
-    margin: 1rem;
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-pad-sm {
+    padding: 1rem;
   }
 }
-.mint-margin-to-sm {
-  margin: 1rem;
+@media (min-width: 480px) {
+  .mint-pad-to-sm {
+    padding: 1rem;
+  }
 }
-@media (min-width: 768px) {
-  .mint-margin-to-sm {
-    margin: 0;
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-pad-to-sm {
+    padding: 0;
   }
 }
-.mint-margin-md {
-  margin: 0;
+@media (min-width: 480px) {
+  .mint-pad-md {
+    padding: 0;
+  }
 }
-@media (min-width: 1024px) {
-  .mint-margin-md {
-    margin: 1rem;
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-pad-md {
+    padding: 1rem;
   }
 }
-.mint-margin-to-md {
-  margin: 1rem;
+@media (min-width: 480px) {
+  .mint-pad-to-md {
+    padding: 1rem;
+  }
 }
-@media (min-width: 1024px) {
-  .mint-margin-to-md {
-    margin: 0;
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-pad-to-md {
+    padding: 0;
   }
 }
-.mint-margin-lg {
-  margin: 0;
+@media (min-width: 480px) {
+  .mint-pad-lg {
+    padding: 0;
+  }
 }
-@media (min-width: 1200px) {
-  .mint-margin-lg {
-    margin: 1rem;
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-pad-lg {
+    padding: 1rem;
   }
 }
-.mint-margin-to-lg {
-  margin: 1rem;
+@media (min-width: 480px) {
+  .mint-pad-to-lg {
+    padding: 1rem;
+  }
 }
-@media (min-width: 1200px) {
-  .mint-margin-to-lg {
-    margin: 0;
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-pad-to-lg {
+    padding: 0;
   }
 }
-.mint-margin-xl {
-  margin: 0;
+@media (min-width: 480px) {
+  .mint-pad-xl {
+    padding: 0;
+  }
 }
-@media (min-width: 1440px) {
-  .mint-margin-xl {
-    margin: 1rem;
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-pad-xl {
+    padding: 1rem;
   }
 }
-.mint-margin-to-xl {
-  margin: 1rem;
+@media (min-width: 480px) {
+  .mint-pad-to-xl {
+    padding: 1rem;
+  }
 }
-@media (min-width: 1440px) {
-  .mint-margin-to-xl {
-    margin: 0;
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-pad-to-xl {
+    padding: 0;
   }
 }
+
 .mint-margin-auto {
   margin-left: auto;
   margin-right: auto;
@@ -1372,6 +1663,192 @@ i.fa-envelope {
 .mint-margin-r6 {
   margin-right: 6rem;
 }
+.mint-margin {
+  margin: 0.5rem;
+}
+.mint-margin-xs {
+  margin: 0;
+}
+@media (min-width: 480px) {
+  .mint-margin-xs {
+    margin: 0.5rem;
+  }
+}
+.mint-margin-to-xs {
+  margin: 0.5rem;
+}
+@media (min-width: 480px) {
+  .mint-margin-to-xs {
+    margin: 0;
+  }
+}
+.mint-margin-sm {
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .mint-margin-sm {
+    margin: 0.5rem;
+  }
+}
+.mint-margin-to-sm {
+  margin: 0.5rem;
+}
+@media (min-width: 768px) {
+  .mint-margin-to-sm {
+    margin: 0;
+  }
+}
+.mint-margin-md {
+  margin: 0;
+}
+@media (min-width: 1024px) {
+  .mint-margin-md {
+    margin: 0.5rem;
+  }
+}
+.mint-margin-to-md {
+  margin: 0.5rem;
+}
+@media (min-width: 1024px) {
+  .mint-margin-to-md {
+    margin: 0;
+  }
+}
+.mint-margin-lg {
+  margin: 0;
+}
+@media (min-width: 1200px) {
+  .mint-margin-lg {
+    margin: 0.5rem;
+  }
+}
+.mint-margin-to-lg {
+  margin: 0.5rem;
+}
+@media (min-width: 1200px) {
+  .mint-margin-to-lg {
+    margin: 0;
+  }
+}
+.mint-margin-xl {
+  margin: 0;
+}
+@media (min-width: 1440px) {
+  .mint-margin-xl {
+    margin: 0.5rem;
+  }
+}
+.mint-margin-to-xl {
+  margin: 0.5rem;
+}
+@media (min-width: 1440px) {
+  .mint-margin-to-xl {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin {
+    margin: 1rem;
+  }
+  .mint-margin-xs {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-margin-xs {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-to-xs {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 480px) {
+  .mint-margin-to-xs {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-sm {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-margin-sm {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-to-sm {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 768px) {
+  .mint-margin-to-sm {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-md {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-margin-md {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-to-md {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1024px) {
+  .mint-margin-to-md {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-lg {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-margin-lg {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-to-lg {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1200px) {
+  .mint-margin-to-lg {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-xl {
+    margin: 0;
+  }
+}
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-margin-xl {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) {
+  .mint-margin-to-xl {
+    margin: 1rem;
+  }
+}
+@media (min-width: 480px) and (min-width: 1440px) {
+  .mint-margin-to-xl {
+    margin: 0;
+  }
+}
 
 section {
   width: 100%;