🔧 🚩 🚧 Finished the outline variable replace content.

assets/css/_common/outline/sidebar/sidebar-author-links.scss

@@ -3,7 +3,7 @@
     font-size: $font-size-smaller;
   }
 
-  @if not hexo-config('social_icons.icons_only') {
+  @if not $social_icons_only {
     .fa, .fab, .far, .fas {
       margin-right: 2px;
     }

assets/css/_common/outline/sidebar/sidebar-author.scss

@@ -3,11 +3,11 @@
   max-width: $site-author-image-width;
   padding: 2px;
 
-  @if hexo-config('avatar.rounded') {
+  @if $avatar_rounded {
     border-radius: 50%;
   }
 
-  @if hexo-config('avatar.rotated') {
+  @if $avatar_rotated {
     transition: transform 1s ease-out;
 
     &:hover {

assets/css/_common/outline/sidebar/sidebar-toc.scss

@@ -1,4 +1,4 @@
-@if hexo-config('toc.enable') {
+@if $toc_enable {
   .post-toc {
     font-size: $font-size-small;
 
@@ -22,14 +22,14 @@
       overflow: hidden;
       text-overflow: ellipsis;
 
-      @if not hexo-config('toc.wrap') {
+      @if not $toc_wrap {
         white-space: nowrap;
       }
     }
 
     .nav {
       .nav-child {
-        display: if(hexo-config('toc.expand_all'), block, none);
+        display: if($toc_expand_all, block, none);
       }
 
       .active > .nav-child {

assets/css/_common/outline/sidebar/sidebar-toggle.scss

@@ -12,10 +12,10 @@
 
 @media (any-hover: hover) {
   body:not(.sidebar-active) .sidebar-toggle:hover {
-    @include toggle-arrow(hexo-config('sidebar.position'));
+    @include toggle-arrow($sidebar_position);
   }
 }
 
 .sidebar-active .sidebar-toggle {
-  @include toggle-close(hexo-config('sidebar.position'));
+  @include toggle-close($sidebar_position);
 }

assets/css/_common/outline/sidebar/site-state.scss

@@ -1,4 +1,4 @@
-@if hexo-config('site_state') {
+@if $site_state {
   .site-state {
     @include flex-wrap();
     line-height: 1.4;