diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss
index bbf1eb6..3b424fe 100644
--- a/src/scss/components/_buttons.scss
+++ b/src/scss/components/_buttons.scss
@@ -151,7 +151,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
     padding-top: 0em;
     background-color:transparent;
     margin: 0;
-    padding-bottom:2rem;
+    padding-bottom:$lineheight;
 }
 
 .breadcrumb li.breadcrumb-item {
diff --git a/src/scss/components/_input.scss b/src/scss/components/_input.scss
index 1173c70..3d5926a 100644
--- a/src/scss/components/_input.scss
+++ b/src/scss/components/_input.scss
@@ -1,11 +1,11 @@
 .input-group {
-  padding-bottom:1.5rem;
+  padding-bottom:$lineheight;
 
   input, textarea {
     width:100%;
     background-color:$color-background;
     border-radius:0px;
     border: 1px solid rgba(0,0,0,0.2);
-    padding:0.375rem;
+    padding:$lineheight/4;
   }
 }
diff --git a/src/scss/components/_navbars.scss b/src/scss/components/_navbars.scss
index ba18e6a..7dd9548 100644
--- a/src/scss/components/_navbars.scss
+++ b/src/scss/components/_navbars.scss
@@ -1,7 +1,7 @@
 .navbar {
     border-left: 0;
     border-right: 0;
-    padding: 0.75rem;
+    padding: $lineheight/2;
     color: $color-font-light;
     a {
         color: $color-font-light;
diff --git a/src/scss/components/_pagination.scss b/src/scss/components/_pagination.scss
index 618b5a0..8934e97 100644
--- a/src/scss/components/_pagination.scss
+++ b/src/scss/components/_pagination.scss
@@ -1,5 +1,5 @@
 nav.pagination {
-  padding-bottom:1.5rem;
+  padding-bottom:$lineheight;
   .nav-links {
     text-align: center;
     width:100%;
diff --git a/src/scss/components/_previews.scss b/src/scss/components/_previews.scss
index 8745c32..6661bb2 100644
--- a/src/scss/components/_previews.scss
+++ b/src/scss/components/_previews.scss
@@ -205,7 +205,7 @@ $comment-height:30px;
 
   img.author-avatar, img.avatar {
     display:block;
-    height: 4.5rem;
+    height: $lineheight*3;
     width:auto;
     border-radius:100%;
     padding:0;
diff --git a/src/scss/core/_typography.scss b/src/scss/core/_typography.scss
index 242b03a..fefebf2 100644
--- a/src/scss/core/_typography.scss
+++ b/src/scss/core/_typography.scss
@@ -81,14 +81,14 @@ ul, ol {
 .container-article, .container-typographic {
   max-width: 800px;
   margin:auto;
-  margin-bottom: 3rem;
+  margin-bottom: $lineheight*2;
 }
 
 .container-typographic {
   p {
     padding:0;
     margin:0;
-    text-indent: 3rem;
+    text-indent: $lineheight*2;
   }
 
   p, em, p em {
diff --git a/src/scss/custom/_blog.scss b/src/scss/custom/_blog.scss
index 7e1afbc..39ad03c 100644
--- a/src/scss/custom/_blog.scss
+++ b/src/scss/custom/_blog.scss
@@ -11,7 +11,7 @@
     grid-template-columns: 1fr;
     grid-template-rows: auto;
     row-gap: $lineheight;
-    column-gap: 3rem;
+    column-gap: $lineheight*2;
     grid-template-areas:
     "main"
     "side";
diff --git a/src/scss/custom/_footer.scss b/src/scss/custom/_footer.scss
index cf14197..cb4cdfe 100644
--- a/src/scss/custom/_footer.scss
+++ b/src/scss/custom/_footer.scss
@@ -13,9 +13,9 @@ body {
 footer {
     @include angled-edge('outside top', 'upper left', $color-footer-back, 32);
     color: getTextColorFromBackground($color-footer-back);
-    padding-top:1.5rem;
+    padding-top:$lineheight;
     font-size: 0.85rem!important;
-    padding-bottom:1.5rem;
+    padding-bottom:$lineheight;
 
     .footer-collumns {
       @include container-big();
diff --git a/src/scss/custom/_header.scss b/src/scss/custom/_header.scss
index bb69cec..8d6f4ba 100644
--- a/src/scss/custom/_header.scss
+++ b/src/scss/custom/_header.scss
@@ -6,7 +6,7 @@
     background: $color-header-back url('img/background.png') center bottom repeat-x;
     border-top: 6px solid $color-footer-back;
     padding-top:$lineheight;
-    padding-bottom:3rem;
+    padding-bottom:$lineheight*2;
 
     .header-collumns {
       @include container-big();
@@ -58,7 +58,7 @@ header h1 {
     img {
       width: 100%;
       height: auto;
-      margin-top:0.75rem;
+      margin-top:$lineheight/2;
     }
 }
 
diff --git a/src/scss/custom/_other.scss b/src/scss/custom/_other.scss
index dc4dce7..80b044d 100644
--- a/src/scss/custom/_other.scss
+++ b/src/scss/custom/_other.scss
@@ -3,7 +3,7 @@
 **/
 
 .pigimg {
-  padding-bottom:1.5rem;
+  padding-bottom:$lineheight*2;
 }
 
 .card-select {
diff --git a/src/scss/custom/_personnage.scss b/src/scss/custom/_personnage.scss
index 6e49029..cfb9df0 100644
--- a/src/scss/custom/_personnage.scss
+++ b/src/scss/custom/_personnage.scss
@@ -7,8 +7,8 @@
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     grid-template-rows: auto;
-    row-gap: 3rem;
-    column-gap: 3rem;
+    row-gap: $lineheight*2;
+    column-gap: $lineheight*2;
 
     grid-template-areas:
     "nomp nomp nomp nomp nomp nomp"
diff --git a/src/scss/custom/_previews.scss b/src/scss/custom/_previews.scss
index 27a2152..c144ddd 100644
--- a/src/scss/custom/_previews.scss
+++ b/src/scss/custom/_previews.scss
@@ -9,7 +9,7 @@
     grid-template-columns: 1fr;
     grid-template-rows: auto;
     row-gap: $lineheight;
-    column-gap: 3rem;
+    column-gap: $lineheight*2;
     grid-template-areas:
     "main"
     "side";