2 files changed, 34 insertions, 0 deletions
diff --git a/webapp/sass/utils/_modifiers.scss b/webapp/sass/utils/_modifiers.scss
new file mode 100644
index 000000000..aa89fc107
--- /dev/null
+++ b/webapp/sass/utils/_modifiers.scss
@@ -0,0 +1,33 @@
+@charset 'UTF-8';
+
+.margin--right {
+    margin-right: 5px;
+
+    &.x2 {
+        margin-right: 10px;
+    }
+}
+
+.margin--left {
+    margin-left: 5px;
+
+    &.x2 {
+        margin-left: 10px;
+    }
+}
+
+.padding--right {
+    padding-right: 5px;
+
+    &.x2 {
+        padding-right: 10px;
+    }
+}
+
+.padding--left {
+    padding-left: 5px;
+
+    &.x2 {
+        padding-left: 10px;
+    }
+}
diff --git a/webapp/sass/utils/_module.scss b/webapp/sass/utils/_module.scss
index 5dddcaef7..5cf2a85be 100644
--- a/webapp/sass/utils/_module.scss
+++ b/webapp/sass/utils/_module.scss
@@ -3,3 +3,4 @@
 @import 'functions';
 @import 'mixins';
 @import 'animations';
+@import 'modifiers';