Modified sass following deprecated messages

yat-robot · Jan 13, 2024 · 0b6d09b · 0b6d09b
1 parent b9d3725
commit 0b6d09b
Show file tree

Hide file tree

Showing 3 changed files with 817 additions and 788 deletions.
diff --git a/_sass/misc/article-menu.scss b/_sass/misc/article-menu.scss
@@ -3,59 +3,62 @@
  */
 
 .post-menu {
-  padding-left: 20px;
-  min-width: 200px;
-  max-width: 230px;
-
-  .post-menu-title {
-    font-size: $base-font-size * 1.5;
-    margin-bottom: 14px;
-    font-weight: 600;
-  }
-
-  .post-menu-content {
-    ul {
-      border-left: 1px solid #e9ecef;
-      $indent: $base-font-size / 4;
-      $active-bgcolor: #ecebec;
-
-      @for $i from 2 to 7 {
-        .h-h#{$i} {
-          padding-inline-start: $indent + ($i - 2) * $base-font-size * 1.3;
-          font-size: $base-font-size * 1.1;
-          line-height: 1.4;
-        }
-      }
+    padding-left: 20px;
+    min-width: 200px;
+    max-width: 230px;
 
-      a {
-        display: flex;
-        padding: 2px 8px;
-        color: darken($text-color, 10%);
+    .post-menu-title {
+        font-size: $base-font-size * 1.5;
+        margin-bottom: 14px;
+        font-weight: 600;
+    }
 
-        * {
-          pointer-events: none;
-        }
+    .post-menu-content {
+        ul {
+            border-left: 1px solid #e9ecef;
+            $indent: calc($base-font-size / 4);
+            $active-bgcolor: #ecebec;
 
-        &:hover {
-          text-decoration: none;
-          color: lighten($text-color, 30%)!important;
-        }
-      }
+            @for $i from 2 to 7 {
+                .h-h#{$i} {
+                    padding-inline-start: $indent +
+                        ($i - 2) *
+                        $base-font-size *
+                        1.3;
+                    font-size: $base-font-size * 1.1;
+                    line-height: 1.4;
+                }
+            }
 
-      .active {
-        background-color: $active-bgcolor;
-        transition: background 0.5s;
-        border-left: 2px solid #202020;
-        margin-left: -2px;
+            a {
+                display: flex;
+                padding: 2px 8px;
+                color: darken($text-color, 10%);
 
-        &:hover {
-          background-color: lighten($active-bgcolor, 2%);
-        }
+                * {
+                    pointer-events: none;
+                }
+
+                &:hover {
+                    text-decoration: none;
+                    color: lighten($text-color, 30%) !important;
+                }
+            }
+
+            .active {
+                background-color: $active-bgcolor;
+                transition: background 0.5s;
+                border-left: 2px solid #202020;
+                margin-left: -2px;
+
+                &:hover {
+                    background-color: lighten($active-bgcolor, 2%);
+                }
 
-        a {
-          color: #121416;
+                a {
+                    color: #121416;
+                }
+            }
         }
-      }
     }
-  }
 }