diff --git a/source/assets/sass/components/_alerts.scss b/source/assets/sass/components/_alerts.scss
index 154ee3c..64624f3 100644
--- a/source/assets/sass/components/_alerts.scss
+++ b/source/assets/sass/components/_alerts.scss
@@ -7,10 +7,8 @@
   background: var(--alert-bg, var(--sl-color--highlight));
   color: var(--sl-color--white);
   font-size: var(--sl-font-size--small);
-
   padding-bottom: var(--alert-padding-block, var(--sl-gutter--minus));
   padding-top: var(--alert-padding-block, var(--sl-gutter--minus));
-
   text-align: var(--alert-align, center);
 
   p,
diff --git a/source/assets/sass/components/_lists.scss b/source/assets/sass/components/_lists.scss
index c596fcb..795f72d 100644
--- a/source/assets/sass/components/_lists.scss
+++ b/source/assets/sass/components/_lists.scss
@@ -21,17 +21,13 @@
     @include breakpoints.sl-breakpoint--large {
       ul {
         display: flex;
-        margin: {
-          right: var(--sl-gutter--half-negative);
-          left: var(--sl-gutter--half-negative);
-        }
+        margin-left: var(--sl-gutter--half-negative);
+        margin-right: var(--sl-gutter--half-negative);
       }
 
       li {
-        padding: {
-          right: var(--sl-gutter--half);
-          left: var(--sl-gutter--half);
-        }
+        padding-left: var(--sl-gutter--half);
+        padding-right: var(--sl-gutter--half);
       }
     }
   }
@@ -118,10 +114,8 @@
 }
 
 .sl-c-description-list--horizontal {
-  margin: {
-    right: var(--sl-gutter--negative);
-    left: var(--sl-gutter--negative);
-  }
+  margin-left: var(--sl-gutter--negative);
+  margin-right: var(--sl-gutter--negative);
 
   &,
   > div {
diff --git a/source/assets/sass/components/_tables.scss b/source/assets/sass/components/_tables.scss
index fe26467..9bd5b23 100644
--- a/source/assets/sass/components/_tables.scss
+++ b/source/assets/sass/components/_tables.scss
@@ -22,10 +22,7 @@
     &-responsive {
       margin-bottom: var(--sl-gutter--sesqui);
       width: 100%;
-      overflow: {
-        x: auto;
-        y: hidden;
-      }
+      overflow: auto hidden;
 
       table {
         margin-bottom: 0;
diff --git a/source/assets/sass/layout/_containers.scss b/source/assets/sass/layout/_containers.scss
index d68d837..887758b 100644
--- a/source/assets/sass/layout/_containers.scss
+++ b/source/assets/sass/layout/_containers.scss
@@ -2,22 +2,15 @@
 @use '../functions';
 
 .sl-l-container {
-  margin: {
-    right: auto;
-    left: auto;
-  }
-  padding: {
-    right: var(--sl-gutter);
-    left: var(--sl-gutter);
-  }
-
+  margin-left: auto;
+  margin-right: auto;
   max-width: functions.sl-px-to-rem(1920px);
+  padding-left: var(--sl-gutter);
+  padding-right: var(--sl-gutter);
 
   @include breakpoints.sl-breakpoint--small {
-    padding: {
-      right: var(--sl-gutter--double);
-      left: var(--sl-gutter--double);
-    }
+    padding-left: var(--sl-gutter--double);
+    padding-right: var(--sl-gutter--double);
   }
 
   &--small {
diff --git a/source/assets/sass/layout/_grid-system.scss b/source/assets/sass/layout/_grid-system.scss
index b0f1ee5..4d6022e 100644
--- a/source/assets/sass/layout/_grid-system.scss
+++ b/source/assets/sass/layout/_grid-system.scss
@@ -122,43 +122,31 @@
       }
 
       &--gutters {
-        margin: {
-          right: var(--sl-gutter--negative);
-          left: var(--sl-gutter--negative);
-        }
+        margin-left: var(--sl-gutter--negative);
+        margin-right: var(--sl-gutter--negative);
 
         > .sl-l-grid__column {
-          padding: {
-            right: var(--sl-gutter);
-            left: var(--sl-gutter);
-          }
+          padding-left: var(--sl-gutter);
+          padding-right: var(--sl-gutter);
         }
 
         &-large {
-          margin: {
-            right: var(--sl-gutter--double-negative);
-            left: var(--sl-gutter--double-negative);
-          }
+          margin-left: var(--sl-gutter--double-negative);
+          margin-right: var(--sl-gutter--double-negative);
 
           > .sl-l-grid__column {
-            padding: {
-              right: var(--sl-gutter--double);
-              left: var(--sl-gutter--double);
-            }
+            padding-left: var(--sl-gutter--double);
+            padding-right: var(--sl-gutter--double);
           }
         }
 
         &-small {
-          margin: {
-            right: var(--sl-gutter--half-negative);
-            left: var(--sl-gutter--half-negative);
-          }
+          margin-left: var(--sl-gutter--half-negative);
+          margin-right: var(--sl-gutter--half-negative);
 
           > .sl-l-grid__column {
-            padding: {
-              right: var(--sl-gutter--half);
-              left: var(--sl-gutter--half);
-            }
+            padding-left: var(--sl-gutter--half);
+            padding-right: var(--sl-gutter--half);
           }
         }
       }
diff --git a/source/assets/sass/layout/_holy-grail.scss b/source/assets/sass/layout/_holy-grail.scss
index 3407b54..761df87 100644
--- a/source/assets/sass/layout/_holy-grail.scss
+++ b/source/assets/sass/layout/_holy-grail.scss
@@ -21,19 +21,15 @@
       &__body {
         flex: 1 0 auto;
         flex-direction: row;
-        margin: {
-          right: var(--sl-gutter--double-negative);
-          left: var(--sl-gutter--double-negative);
-        }
+        margin-left: var(--sl-gutter--double-negative);
+        margin-right: var(--sl-gutter--double-negative);
       }
 
       &__main,
       &__navigation,
       &__complementary {
-        padding: {
-          right: var(--sl-gutter--double);
-          left: var(--sl-gutter--double);
-        }
+        padding-left: var(--sl-gutter--double);
+        padding-right: var(--sl-gutter--double);
       }
 
       &__main {
diff --git a/source/assets/sass/layout/_sections.scss b/source/assets/sass/layout/_sections.scss
index 1d33bcd..85c0e78 100644
--- a/source/assets/sass/layout/_sections.scss
+++ b/source/assets/sass/layout/_sections.scss
@@ -1,18 +1,14 @@
 .sl-l-section {
-  margin: {
-    top: var(--sl-gutter--triple);
-    bottom: var(--sl-gutter--triple);
-  }
-  padding: {
-    top: var(--sl-gutter--triple);
-    bottom: var(--sl-gutter--triple);
-  }
+  margin-bottom: var(--section-bottom-margin, var(--sl-gutter--triple));
+  margin-top: var(--section-top-margin, var(--sl-gutter--triple));
+  padding-bottom: var(--sl-gutter--triple);
+  padding-top: var(--sl-gutter--triple);
 
   &:first-child {
-    margin-top: 0;
+    --section-top-margin: 0;
   }
 
   &:last-child {
-    margin-bottom: 0;
+    --section-bottom-margin: 0;
   }
 }
diff --git a/source/assets/sass/visual-design/_typography.scss b/source/assets/sass/visual-design/_typography.scss
index 03fde99..5268559 100644
--- a/source/assets/sass/visual-design/_typography.scss
+++ b/source/assets/sass/visual-design/_typography.scss
@@ -213,20 +213,15 @@ pre {
 
 img {
   display: block;
-  margin: {
-    right: auto;
-    left: auto;
-  }
-
-  max-width: 100%;
   height: auto;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
 }
 
 hr {
-  margin: {
-    top: var(--sl-gutter--triple);
-    bottom: var(--sl-gutter--triple);
-  }
+  margin-bottom: var(--sl-gutter--triple);
+  margin-top: var(--sl-gutter--triple);
 }
 
 dd {