From 6527ccd3077bfcb4bedf729bf09edc5bd1449502 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 10 Jan 2022 17:44:00 +0200
Subject: [PATCH] Margin/padding utility classes generator

---
 src/assets/styles/common-layout.scss          | 92 -------------------
 src/assets/styles/common-styles.scss          |  1 +
 src/assets/styles/common-utilities.scss       | 26 ++++++
 .../page-header/page-header.component.scss    |  3 -
 .../column-header.component.scss              |  4 -
 5 files changed, 27 insertions(+), 99 deletions(-)
 create mode 100644 src/assets/styles/common-utilities.scss

diff --git a/src/assets/styles/common-layout.scss b/src/assets/styles/common-layout.scss
index d3f0b6b..38605e6 100644
--- a/src/assets/styles/common-layout.scss
+++ b/src/assets/styles/common-layout.scss
@@ -214,82 +214,6 @@ section.settings {
     flex: 2;
 }
 
-.mt-0 {
-    margin-top: 0 !important;
-}
-
-.mt-4 {
-    margin-top: 4px;
-}
-
-.mt-5 {
-    margin-top: 5px;
-}
-
-.mt-8 {
-    margin-top: 8px;
-}
-
-.mt-12 {
-    margin-top: 12px;
-}
-
-.mt-16 {
-    margin-top: 16px !important;
-}
-
-.mt-20 {
-    margin-top: 20px;
-}
-
-.mt-24 {
-    margin-top: 24px;
-}
-
-.mt-32 {
-    margin-top: 32px;
-}
-
-.mb-0 {
-    margin-bottom: 0 !important;
-}
-
-.mb-6 {
-    margin-bottom: 6px;
-}
-
-.mb-8 {
-    margin-bottom: 8px !important;
-}
-
-.mb-12 {
-    margin-bottom: 12px !important;
-}
-
-.ml-8 {
-    margin-left: 8px;
-}
-
-.ml-14 {
-    margin-left: 14px;
-}
-
-.ml-16 {
-    margin-left: 16px;
-}
-
-.mr-24 {
-    margin-right: 24px;
-}
-
-.pb-24 {
-    padding-bottom: 24px;
-}
-
-.pb-32 {
-    padding-bottom: 32px;
-}
-
 .w-100 {
     min-width: 100px !important;
     width: 100px !important;
@@ -313,22 +237,6 @@ section.settings {
     cursor: pointer;
 }
 
-.mr-4 {
-    margin-right: 4px !important;
-}
-
-.mr-8 {
-    margin-right: 8px !important;
-}
-
-.mr-16 {
-    margin-right: 16px;
-}
-
-.mr-34 {
-    margin-right: 34px;
-}
-
 .fit-content {
     width: fit-content;
 }
diff --git a/src/assets/styles/common-styles.scss b/src/assets/styles/common-styles.scss
index 722c27e..ed6c081 100644
--- a/src/assets/styles/common-styles.scss
+++ b/src/assets/styles/common-styles.scss
@@ -1,3 +1,4 @@
+@use 'common-utilities';
 @use 'common-fonts';
 @use 'common-inputs';
 @use 'common-buttons';
diff --git a/src/assets/styles/common-utilities.scss b/src/assets/styles/common-utilities.scss
new file mode 100644
index 0000000..46ab464
--- /dev/null
+++ b/src/assets/styles/common-utilities.scss
@@ -0,0 +1,26 @@
+/* Margins, paddings */
+
+$start: 0;
+$end: 100;
+
+$values: "";
+$sides: (top, bottom, left, right);
+
+@for $i from $start + 1 through $end {
+    $values: append($values, $i, comma);
+    $values: set-nth($values, 1, $start);
+}
+
+// TODO: Check if !important can be avoided
+
+@each $space in $values {
+    @each $side in $sides {
+        .m#{str-slice($side, 0, 1)}-#{$space} {
+            margin-#{$side}: #{$space}px !important;
+        }
+
+        .p#{str-slice($side, 0, 1)}-#{$space} {
+            padding-#{$side}: #{$space}px !important;
+        }
+    }
+}
diff --git a/src/lib/listing/page-header/page-header.component.scss b/src/lib/listing/page-header/page-header.component.scss
index acbdfdf..e69de29 100644
--- a/src/lib/listing/page-header/page-header.component.scss
+++ b/src/lib/listing/page-header/page-header.component.scss
@@ -1,3 +0,0 @@
-.ml-6 {
-    margin-left: 6px;
-}
diff --git a/src/lib/listing/workflow/column-header/column-header.component.scss b/src/lib/listing/workflow/column-header/column-header.component.scss
index 3ce2e65..cd944a3 100644
--- a/src/lib/listing/workflow/column-header/column-header.component.scss
+++ b/src/lib/listing/workflow/column-header/column-header.component.scss
@@ -4,7 +4,3 @@
     align-items: center;
     justify-content: space-between;
 }
-
-.mr-10 {
-    margin-right: 10px;
-}