fix tipo

mgpluscss · Oct 31, 2024 · 45238ff · 45238ff
1 parent d33b4fe
commit 45238ff
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/demo/sections/helpers-section.html b/demo/sections/helpers-section.html
@@ -54,19 +54,19 @@ <h4>width and height</h4>
         <div class="mg-col">
             <span><code>.mg-w</code>[0-10] { width: [0-10]rem; }</span>
             <span><code>.mg-h</code>[0-10] { height: [0-10]rem; }</span>
-            <span><code>.mg-margin-w</code>[0-10] { min-witdh: [0-10]rem; }</span>
-            <span><code>.mg-margin-h</code>[0-10] { min-height: [0-10]rem; }</code></span>
-            <span><code>.mg-margax-w</code>[0-10] { max-width: [0-10]rem; }</code></span>
-            <span><code>.mg-margax-h</code>[0-10] { max-height: [0-10]rem; }</code></span>
+            <span><code>.mg-min-w</code>[0-10] { min-witdh: [0-10]rem; }</span>
+            <span><code>.mg-min-h</code>[0-10] { min-height: [0-10]rem; }</code></span>
+            <span><code>.mg-max-w</code>[0-10] { max-width: [0-10]rem; }</code></span>
+            <span><code>.mg-max-h</code>[0-10] { max-height: [0-10]rem; }</code></span>
         </div>
         <div class="mg-col">
             <i>0 to 100vh step 10</i>
             <span><code>.mg-w</code>[0-100]vh { width: [0-100]vh; }</span>
             <span><code>.mg-h</code>[0-100]vh { height: [0-100]vh; }</span>
-            <span><code>.mg-margin-w</code>[0-100]vh { min-witdh: [0-100]vh; }</span>
-            <span><code>.mg-margin-h</code>[0-100]vh { min-height: [0-100]vh; }</span>
-            <span><code>.mg-margax-w</code>[0-100]vh { max-width: [0-100]vh; }</span>
-            <span><code>.mg-margax-h</code>[0-100]vh { max-height: [0-100]vh; }</span>
+            <span><code>.mg-min-w</code>[0-100]vh { min-witdh: [0-100]vh; }</span>
+            <span><code>.mg-min-h</code>[0-100]vh { min-height: [0-100]vh; }</span>
+            <span><code>.mg-max-w</code>[0-100]vh { max-width: [0-100]vh; }</span>
+            <span><code>.mg-max-h</code>[0-100]vh { max-height: [0-100]vh; }</span>
         </div>
         <p></p>
         <h3>Visibility</h3>
@@ -115,8 +115,8 @@ <h3>Text</h3>
             <span><code>.mg-text-overline</code> { text-decoration: overline; }</span>
             <span><code>.mg-text-none</code> { text-decoration: none; }</span>
             <span><code>.mg-text-break</code> { word-break: break-all; }</span>
-            <span><code>.mg-text-ellipsis</code> { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-                }</span>
+            <span><code>.mg-text-ellipsis</code> { overflow: hidden; text-overflow: ellipsis; white-space:
+                nowrap;}</span>
             <span><code>.mg-text-clip</code> { overflow: hidden; text-overflow: clip; white-space: nowrap; }</span>
             <span><code>.mg-text-</code>[s-m-l-xl-2xl-3xl-4xl-5xl] { font-size: $base-font-size*N; }</span>
             <span><code>.mg-text-bold</code> { font-weight: bold; }</span>