From 45238ff7866d24f28b47472f44c97e41dba3b6b0 Mon Sep 17 00:00:00 2001
From: medevod <medevod@github.com>
Date: Thu, 31 Oct 2024 23:36:19 +0100
Subject: [PATCH] fix tipo

---
 demo/sections/helpers-section.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/demo/sections/helpers-section.html b/demo/sections/helpers-section.html
index f2fd26f..bec6bd5 100644
--- 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>