@appartmint/mint 1.2.2 → 1.2.4

package/README.md

@@ -1,3 +1,3 @@
-# npm-mint
-Front-end TS/SCSS framework of App Art Mint LLC
-
+# npm-mint
+Front-end TS/SCSS framework of App Art Mint LLC
+

package/dist/css/mint.css

@@ -546,7 +546,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
 :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card [data-amplify-router],
 :root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] [data-amplify-router],
 :root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] [data-amplify-router] {
-  height: 100%;
+  flex-grow: 1;
 }
 @media (min-width: 480px) {
   .mint-grid.mint-3 .mint-card .mint-title, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-title, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] .mint-title,
@@ -1294,6 +1294,28 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
   padding-top: 56.25% !important;
 }
 
+.mint-flex {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+.mint-flex.mint-center {
+  justify-content: center;
+}
+.mint-flex.mint-end {
+  justify-content: flex-end;
+}
+.mint-flex.mint-between {
+  justify-content: space-between;
+}
+.mint-flex.mint-around {
+  justify-content: space-around;
+}
+.mint-flex.mint-even {
+  justify-content: space-evenly;
+}
+
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -1359,7 +1381,7 @@ main > router-outlet {
 }
 @media (min-width: 480px) {
   :root main > router-outlet + * {
-    padding: calc(4px + 12 * ((100vw - 480px) / 288));
+    padding: calc(4px + 12 * (100vw - 480px) / 288);
   }
 }
 @media (min-width: 768px) {
@@ -1573,6 +1595,16 @@ iframe {
 .mint-grid .mint-portrait {
   grid-row: span 2;
 }
+@media (min-width: 768px) {
+  .mint-grid .mint-landscape {
+    grid-column: span 2;
+  }
+}
+@media (min-width: 1200px) {
+  .mint-grid .mint-landscape {
+    grid-column: span 3;
+  }
+}
 
 i.fa-envelope {
   transform: translateY(5%);
@@ -2763,6 +2795,15 @@ textarea {
   float: right;
 }
 
+.mint-full-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - var(--mint-header-height));
+  min-height: calc(100dvh - var(--mint-header-height));
+}
+
 html, body {
   font-family: sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
@@ -3011,19 +3052,19 @@ p, .mint-p {
   --mint-instagram-6: #e95950;
   --mint-black: #000;
   --mint-black-0: black;
-  --mint-black-1: #1a1a1a;
+  --mint-black-1: rgb(25.5, 25.5, 25.5);
   --mint-black-2: #333333;
-  --mint-black-3: #4d4d4d;
+  --mint-black-3: rgb(76.5, 76.5, 76.5);
   --mint-black-4: #666666;
-  --mint-black-5: gray;
+  --mint-black-5: rgb(127.5, 127.5, 127.5);
   --mint-black-6: #999999;
   --mint-white: #fff;
   --mint-white-0: white;
-  --mint-white-1: #e6e6e6;
+  --mint-white-1: rgb(229.5, 229.5, 229.5);
   --mint-white-2: #cccccc;
-  --mint-white-3: #b3b3b3;
+  --mint-white-3: rgb(178.5, 178.5, 178.5);
   --mint-white-4: #999999;
-  --mint-white-5: gray;
+  --mint-white-5: rgb(127.5, 127.5, 127.5);
   --mint-white-6: #666666;
   --mint-glow: rgba(255, 255, 255, 0);
   --mint-glow-0: rgba(255, 255, 255, 0);
@@ -3042,29 +3083,29 @@ p, .mint-p {
   --mint-shadow-5: rgba(0, 0, 0, 0.5);
   --mint-shadow-6: rgba(0, 0, 0, 0.6);
   --mint-brand: #bada55;
-  --mint-brand-0: #edf5d3;
-  --mint-brand-1: #dceca9;
-  --mint-brand-2: #cbe37f;
+  --mint-brand-0: rgb(237, 245.347826087, 210.652173913);
+  --mint-brand-1: rgb(220, 236.231884058, 168.768115942);
+  --mint-brand-2: rgb(203, 227.115942029, 126.884057971);
   --mint-brand-3: #bada55;
-  --mint-brand-4: #a8cf2d;
-  --mint-brand-5: #86a524;
-  --mint-brand-6: #647b1b;
+  --mint-brand-4: rgb(168, 206.9565217391, 45.0434782609);
+  --mint-brand-5: rgb(134, 165.0724637681, 35.9275362319);
+  --mint-brand-6: rgb(100, 123.1884057971, 26.8115942029);
   --mint-accent: #483d8b;
-  --mint-accent-0: #9b92cf;
-  --mint-accent-1: #7a6ec0;
-  --mint-accent-2: #5a4dae;
+  --mint-accent-0: rgb(154.52, 145.885, 207.115);
+  --mint-accent-1: rgb(121.88, 110.44, 191.56);
+  --mint-accent-2: rgb(90.36, 76.555, 174.445);
   --mint-accent-3: #483d8b;
-  --mint-accent-4: #362d68;
-  --mint-accent-5: #231e44;
-  --mint-accent-6: #110e21;
+  --mint-accent-4: rgb(53.64, 45.445, 103.555);
+  --mint-accent-5: rgb(35.28, 29.89, 68.11);
+  --mint-accent-6: rgb(16.92, 14.335, 32.665);
   --mint-success: #208a20;
-  --mint-success-0: #67dc67;
-  --mint-success-1: #3ed23e;
-  --mint-success-2: #2ab32a;
+  --mint-success-0: rgb(103.2, 219.8, 103.2);
+  --mint-success-1: rgb(61.8, 210.2, 61.8);
+  --mint-success-2: rgb(41.6, 179.4, 41.6);
   --mint-success-3: #208a20;
-  --mint-success-4: #166116;
-  --mint-success-5: #0d370d;
-  --mint-success-6: #030e03;
+  --mint-success-4: rgb(22.4, 96.6, 22.4);
+  --mint-success-5: rgb(12.8, 55.2, 12.8);
+  --mint-success-6: rgb(3.2, 13.8, 3.2);
   --mint-danger: #ff4d4d;
   --mint-danger-0: #ffe6e6;
   --mint-danger-1: #ffb3b3;
@@ -3074,37 +3115,37 @@ p, .mint-p {
   --mint-danger-5: #e60000;
   --mint-danger-6: #b30000;
   --mint-warning: #ffaa22;
-  --mint-warning-0: #ffe5bb;
-  --mint-warning-1: #ffd188;
-  --mint-warning-2: #ffbe55;
+  --mint-warning-0: rgb(255, 228.8461538462, 187);
+  --mint-warning-1: rgb(255, 209.2307692308, 136);
+  --mint-warning-2: rgb(255, 189.6153846154, 85);
   --mint-warning-3: #ffaa22;
-  --mint-warning-4: #ee9200;
-  --mint-warning-5: #bb7300;
-  --mint-warning-6: #885400;
+  --mint-warning-4: rgb(238, 146.4615384615, 0);
+  --mint-warning-5: rgb(187, 115.0769230769, 0);
+  --mint-warning-6: rgb(136, 83.6923076923, 0);
   --mint-info: #bada55;
-  --mint-info-0: #edf5d3;
-  --mint-info-1: #dceca9;
-  --mint-info-2: #cbe37f;
+  --mint-info-0: rgb(237, 245.347826087, 210.652173913);
+  --mint-info-1: rgb(220, 236.231884058, 168.768115942);
+  --mint-info-2: rgb(203, 227.115942029, 126.884057971);
   --mint-info-3: #bada55;
-  --mint-info-4: #a8cf2d;
-  --mint-info-5: #86a524;
-  --mint-info-6: #647b1b;
+  --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);
 }
 
 :root {
-  --mint-fore: #1a1a1a;
-  --mint-back: #e6e6e6;
+  --mint-fore: rgb(25.5, 25.5, 25.5);
+  --mint-back: rgb(229.5, 229.5, 229.5);
 }
 
 .mint-dark {
-  --mint-fore: #e6e6e6;
-  --mint-back: #1a1a1a;
+  --mint-fore: rgb(229.5, 229.5, 229.5);
+  --mint-back: rgb(25.5, 25.5, 25.5);
   color: var(--mint-fore);
 }
 
 .mint-light {
-  --mint-fore: #1a1a1a;
-  --mint-back: #e6e6e6;
+  --mint-fore: rgb(25.5, 25.5, 25.5);
+  --mint-back: rgb(229.5, 229.5, 229.5);
   color: var(--mint-fore);
 }