less placement.less

frontend/less/espo/custom.less

@@ -3539,6 +3539,7 @@ body > .autocomplete-suggestions.text-search-suggestions {
 
 @import "misc/kanban.less";
 
+@import "elements/placement.less";
 @import "elements/site.less";
 @import "elements/modal.less";
 @import "elements/buttons.less";

frontend/less/espo/elements/placement.less

@@ -0,0 +1,47 @@
+.margin {
+    margin: @table-cell-padding 0;
+}
+
+.margin-top-sm {
+    margin-top: calc(@table-cell-padding / 2);
+}
+
+.margin-top {
+    margin-top: @table-cell-padding;
+}
+
+.margin-top-2x {
+    margin-top: @table-cell-padding * 2;
+}
+
+.margin-bottom-sm {
+    margin-bottom: calc(@table-cell-padding / 2);
+}
+
+.margin-bottom {
+    margin-bottom: @table-cell-padding;
+}
+
+.margin-bottom-sm {
+    margin-bottom: calc(@table-cell-padding / 2);
+}
+
+.margin-bottom-2x {
+    margin-bottom: @table-cell-padding * 2;
+}
+
+.margin-bottom-3x {
+    margin-bottom: @table-cell-padding * 3;
+}
+
+.margin-bottom-4x {
+    margin-bottom: @table-cell-padding * 4;
+}
+
+.margin-bottom.margin {
+    margin-top: 0;
+}
+
+.center-align {
+    text-align: center;
+}