@appartmint/mint 2.7.7 → 2.7.9

package/dist/css/mint.css

@@ -634,10 +634,9 @@ body.mint-fixed #mint-header {
   min-height: calc(100vh - var(--mint-header-height) + 10rem);
   gap: 2rem;
   position: relative;
+}
+.mint-section-full {
   top: -4px;
-  left: -4px;
-  width: calc(100% + 8px);
-  padding: 4px;
 }
 @media (min-width: 480px) {
   .mint-section-full {
@@ -649,6 +648,9 @@ body.mint-fixed #mint-header {
     top: -16px;
   }
 }
+.mint-section-full {
+  left: -4px;
+}
 @media (min-width: 480px) {
   .mint-section-full {
     left: calc(-4px + -12 * (100vw - 480px) / 288);
@@ -659,6 +661,9 @@ body.mint-fixed #mint-header {
     left: -16px;
   }
 }
+.mint-section-full {
+  width: calc(100% + 8px);
+}
 @media (min-width: 480px) {
   .mint-section-full {
     width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
@@ -669,6 +674,9 @@ body.mint-fixed #mint-header {
     width: calc(100% + 32px);
   }
 }
+.mint-section-full {
+  padding: 4px;
+}
 @media (min-width: 480px) {
   .mint-section-full {
     padding: calc(4px + 12 * (100vw - 480px) / 288);
@@ -704,8 +712,6 @@ body.mint-fixed #mint-header {
 
 .mint-landing {
   top: -4px;
-  left: -4px;
-  width: calc(100% + 8px);
 }
 @media (min-width: 480px) {
   .mint-landing {
@@ -717,6 +723,9 @@ body.mint-fixed #mint-header {
     top: -16px;
   }
 }
+.mint-landing {
+  left: -4px;
+}
 @media (min-width: 480px) {
   .mint-landing {
     left: calc(-4px + -12 * (100vw - 480px) / 288);
@@ -727,6 +736,9 @@ body.mint-fixed #mint-header {
     left: -16px;
   }
 }
+.mint-landing {
+  width: calc(100% + 8px);
+}
 @media (min-width: 480px) {
   .mint-landing {
     width: calc(100% + 8px + 24 * (100vw - 480px) / 288);
@@ -748,6 +760,8 @@ body.mint-fixed #mint-header {
   width: 100%;
   margin: 0;
   min-height: calc(100vh - var(--mint-header-height));
+}
+.mint-landing .mint-section-full {
   padding: 16px;
 }
 @media (min-width: 480px) {
@@ -1529,6 +1543,8 @@ app-root {
   flex-grow: 1;
   width: 100%;
   padding: 0.25rem;
+}
+:root main > router-outlet + * {
   padding: 4px;
 }
 @media (min-width: 480px) {
@@ -1755,7 +1771,6 @@ body.mint-fixed main {
 }
 
 main {
-  padding: 4px;
   display: flex;
   flex-direction: column;
   position: relative;
@@ -1765,6 +1780,9 @@ main {
   overflow: hidden;
   z-index: 999;
 }
+main {
+  padding: 4px;
+}
 @media (min-width: 480px) {
   main {
     padding: calc(4px + 12 * (100vw - 480px) / 288);
@@ -2124,9 +2142,6 @@ textarea {
   flex-shrink: 0;
 }
 
-.mint-pad {
-  padding: 0.5rem;
-}
 .mint-pad-auto {
   padding-left: auto;
   padding-right: auto;
@@ -2398,6 +2413,9 @@ textarea {
 .mint-pad-r6 {
   padding-right: 6rem;
 }
+.mint-pad {
+  padding: 0.5rem;
+}
 .mint-pad-xs {
   padding: 0;
 }
@@ -2582,9 +2600,6 @@ textarea {
   }
 }
 
-.mint-margin {
-  margin: 0.5rem;
-}
 .mint-margin-auto {
   margin-left: auto;
   margin-right: auto;
@@ -2856,6 +2871,9 @@ textarea {
 .mint-margin-r6 {
   margin-right: 6rem;
 }
+.mint-margin {
+  margin: 0.5rem;
+}
 .mint-margin-xs {
   margin: 0;
 }
@@ -3772,12 +3790,12 @@ a.mint-active .fa-vimeo {
   --amplify-colors-font-hover: var(--mint-brand-3);
   --amplify-colors-font-interactive: var(--mint-brand-5);
   --amplify-colors-font-primary: var(--mint-fore);
-  --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
   --amplify-colors-font-secondary: var(--mint-brand-6);
   --amplify-colors-font-error: var(--mint-danger-5);
   --amplify-colors-font-warning: var(--mint-warning);
   --amplify-colors-font-success: var(--mint-success);
   --amplify-colors-font-info: var(--mint-info);
+  --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
   --amplify-border-widths-small: 0.125rem;
 }
 :root:root [amplify-button] {