Merge pull request codebar#1338 from koddsson/margin-utilities

Margin utilities
koddsson · May 25, 2020 · be5a44e · be5a44e
2 parents cd2b3a0 + e3c0468
commit be5a44e
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 16 deletions.
diff --git a/app/assets/stylesheets/partials/_margins.scss b/app/assets/stylesheets/partials/_margins.scss
@@ -1,11 +1,22 @@
-.mb0 {
-  margin-bottom: 0px;
-}
+/* Margin utility classes */
+@for $i from 0 through 5 {
+  .m#{$i} {
+    margin: #{$i}em;
+  }
 
-.mb1 {
-  margin-bottom: 100px;
-}
+  .mt#{$i} {
+    margin-top: #{$i}em;
+  }
+
+  .mb#{$i} {
+    margin-bottom: #{$i}em;
+  }
+
+  .mr#{$i} {
+    margin-right: #{$i}em;
+  }
 
-.mt1 {
-  margin-top: 50px;
+  .ml#{$i} {
+    margin-left: #{$i}em;
+  }
 }
diff --git a/app/views/admin/jobs/index.html.haml b/app/views/admin/jobs/index.html.haml
@@ -1,4 +1,4 @@
-.job.mb1
+.job.mb4
   .stripe
     .row
       .large-12.columns

diff --git a/app/views/admin/jobs/show.html.haml b/app/views/admin/jobs/show.html.haml
@@ -1,4 +1,4 @@
-.job.mb1
+.job.mb4
   .stripe
     .row
       .large-12.columns

diff --git a/app/views/member/jobs/index.html.haml b/app/views/member/jobs/index.html.haml
@@ -27,6 +27,6 @@
         .medium-6.columns.text-right
           = will_paginate(@jobs)
 
-    .row.mt1
+    .row.mt2
       .large-12.columns
         =link_to('New job', new_member_job_path, class: 'button medium ')
diff --git a/app/views/member/jobs/show.html.haml b/app/views/member/jobs/show.html.haml
@@ -1,4 +1,4 @@
-.job.mb1
+.job.mb4
   .stripe
     .row
       .large-12.columns

diff --git a/app/views/pages/cookie-policy.html.haml b/app/views/pages/cookie-policy.html.haml
@@ -1,4 +1,4 @@
-.row.mt1
+.row.mt2
   .large-12.columns
     :markdown
 
@@ -47,4 +47,4 @@
       | ---- | ------- |    ----- |
       | `_cfduid` | #{t('pages.cookies.cloudflare.cfduid')} | #{t('pages.cookies.cloudflare.cfduid_expiry')} |
 
-      <div class='mb1' >&nbsp;</div>
+      <div class='mb4'>&nbsp;</div>
diff --git a/app/views/pages/privacy-policy.html.haml b/app/views/pages/privacy-policy.html.haml
@@ -1,4 +1,4 @@
-.row.mt1
+.row.mt2
   .large-12.columns
     :markdown
 
@@ -38,4 +38,4 @@
       #{t('pages.privacy_policy.contact.text')}
 
 
-      <div class='mb1' >&nbsp;</div>
+      <div class='mb4'>&nbsp;</div>