4 files changed, 19 insertions, 16 deletions
diff --git a/assets/_main.scss b/assets/_main.scss
index 6dfd338..4b637d0 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -63,7 +63,7 @@ aside nav ul {
   }
 
   ul {
-    padding-left: $padding-16;
+    padding-inline-start: $padding-16;
   }
 }
 
@@ -93,7 +93,7 @@ ul.pagination {
     height: 1.5em;
     width: auto;
     vertical-align: middle;
-    margin-right: $padding-8;
+    margin-inline-end: $padding-8;
   }
 }
 
@@ -117,10 +117,13 @@ ul.pagination {
     color: $color-link;
   }
 
-  a.collapsed::after {
-    content: "▸";
-    position: absolute;
-    right: 0;
+  a.collapsed {
+    display: flex;
+    justify-content: space-between;
+
+    &::after {
+      content: "▸";
+    }
   }
 }
 
@@ -137,7 +140,7 @@ ul.pagination {
   }
 
   > ul {
-    padding-left: 0;
+    padding-inline-start: 0;
   }
 }
 
@@ -229,7 +232,7 @@ ul.pagination {
 
   img {
     height: 1em;
-    margin-right: $padding-8;
+    margin-inline-end: $padding-8;
   }
 }
 
@@ -306,7 +309,7 @@ aside nav,
 
 @media screen and (max-width: $mobile-breakpoint) {
   .book-menu {
-    margin-left: -$menu-width;
+    margin-inline-start: -$menu-width;
     font-size: $font-size-base;
   }
 
diff --git a/assets/_markdown.scss b/assets/_markdown.scss
index 87e37c1..7840ee3 100644
--- a/assets/_markdown.scss
+++ b/assets/_markdown.scss
@@ -69,7 +69,7 @@
     margin: $padding-16 0;
     padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp
 
-    border-left: $padding-4 solid $gray-200;
+    border-inline-start: $padding-4 solid $gray-200;
     border-radius: $border-radius;
 
     :first-child { margin-top: 0; }
@@ -101,7 +101,7 @@
   }
 
   ul, ol {
-    padding-left: $padding-16 * 2;
+    padding-inline-start: $padding-16 * 2;
   }
 
   dl {
@@ -111,7 +111,7 @@
     }
 
     dd {
-      margin-left: $padding-16 * 2;
+      margin-inline-start: $padding-16 * 2;
     }
   }
 
@@ -119,11 +119,11 @@
   .highlight table tr {
     td:nth-child(1) pre {
       margin: 0;
-      padding-right: 0;
+      padding-inline-end: 0;
     }
     td:nth-child(2) pre {
       margin: 0;
-      padding-left: 0;
+      padding-inline-start: 0;
     }
   }
 
diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss
index 6a64ec4..62a8b90 100644
--- a/assets/_shortcodes.scss
+++ b/assets/_shortcodes.scss
@@ -93,7 +93,7 @@
   .book-hint {
     @each $name, $color in $hint-colors {
       &.#{$name} {
-        border-left-color: $color;
+        border-color: $color;
         background-color: rgba($color, 0.1);
       }
     }
diff --git a/assets/plugins/_numbered.scss b/assets/plugins/_numbered.scss
index 6209100..56cda5a 100644
--- a/assets/plugins/_numbered.scss
+++ b/assets/plugins/_numbered.scss
@@ -30,7 +30,7 @@ $endLevel: 6;
     &:before {
       content: counters(item, ".") ". ";
       float: left;
-      margin-right: $padding-4;
+      margin-inline-end: $padding-4;
     }
   }
 }