Remove the-transition

source/css/_common/components/back-to-top-sidebar.styl

@@ -2,6 +2,7 @@
   background: transparent;
   margin: 20px - $sidebar-offset -10px -20px;
   opacity: 0;
+  transition: opacity $transition-ease;
 
   if (!hexo-config('back2top.scrollpercent')) {
     span {

source/css/_common/components/back-to-top.styl

@@ -8,7 +8,7 @@
   opacity: $b2t-opacity;
   padding: 0 6px;
   position: fixed;
-  transition-property: bottom;
+  transition: bottom $transition-ease;
   z-index: $zindex-3;
 
   if (hexo-config('back2top.scrollpercent')) {

source/css/_common/components/components.styl

@@ -1,7 +1,6 @@
 if (hexo-config('back2top.enable')) {
   .back-to-top {
     font-size: $b2t-font-size;
-    the-transition();
   }
 
   @import (hexo-config('back2top.sidebar') ? 'back-to-top-sidebar' : 'back-to-top');

source/css/_common/components/post/post-collapse.styl

@@ -61,8 +61,7 @@
     margin: 30px 0;
     padding-left: 15px;
     position: relative;
-    transition-property: border;
+    transition: border $transition-ease;
-    the-transition();
 
     &::before {
       background: $grey;
@@ -74,9 +73,8 @@
       margin-left: -4px;
       position: absolute;
       top: $font-size-smallest;
-      transition-property: background;
+      transition: background $transition-ease;
       width: 6px;
-      the-transition();
     }
 
     &:hover {

source/css/_common/components/post/post-header.styl

@@ -17,7 +17,7 @@
       float: right;
       font-size: $font-size-larger;
       margin-left: -1.2em;
-      the-transition-ease-in();
+      transition: color $transition-ease-in;
 
       +mobile-small() {
         margin-left: initial;
@@ -45,9 +45,9 @@
     left: 0;
     position: absolute;
     transform: scaleX(0);
+    transition: transform $transition-ease;
     visibility: hidden;
     width: 100%;
-    the-transition();
   }
 
   &:hover::before {

source/css/_common/components/post/post-reward.styl

@@ -13,8 +13,8 @@
     line-height: 2;
     outline: 0;
     padding: 0 15px;
+    transition: all $transition-ease;
     vertical-align: text-top;
-    the-transition();
 
     &:hover {
       background: $sidebar-highlight;

source/css/_common/components/third-party/search.styl

@@ -111,7 +111,6 @@ if (hexo-config('algolia_search.enable')) {
   .algolia-hit-item-link {
     border-bottom: 1px dashed $grey-light;
     display: block;
-    the-transition();
   }
 
   .algolia-pagination {

source/css/_common/outline/header/bookmark.styl

@@ -1,10 +1,9 @@
 .book-mark-link {
   border-bottom: none;
-  display: inline-block;
   position: fixed;
   right: $b2t-position-right;
   top: -10px;
-  transition: .3s;
+  transition: top .3s;
 
   +tablet-mobile() {
     display: none;

source/css/_common/outline/header/menu.styl

@@ -24,8 +24,7 @@
     border-bottom: 0;
     display: block;
     font-size: $font-size-smaller;
-    transition-property: border-color;
+    transition: border-color $transition-ease;
-    the-transition();
 
     &:hover, &.menu-item-active {
       background: var(--menu-item-bg-color);

source/css/_common/outline/sidebar/sidebar-author-links.styl

@@ -10,7 +10,7 @@
     vertical-align: middle;
 
     if (hexo-config('social_icons.transition')) {
-      the-transition();
+      transition: all $transition-ease;
     }
 
     &::before {

source/css/_common/outline/sidebar/sidebar-toc.styl

@@ -12,8 +12,7 @@
     }
 
     a {
-      transition-property: all;
+      transition: all $transition-ease;
-      the-transition();
     }
   }
 

source/css/_common/scaffolding/base.styl

@@ -13,7 +13,7 @@ body {
   font-family: $font-family-base;
   font-size: $font-size-base;
   line-height: $line-height-base;
-  the-transition();
+  transition: all $transition-ease;
 }
 
 h1, h2, h3, h4, h5, h6 {

source/css/_common/scaffolding/buttons.styl

@@ -8,8 +8,7 @@
   line-height: 2;
   padding: 0 20px;
   text-decoration: none;
-  transition-property: background-color;
+  transition: background-color $transition-ease;
-  the-transition();
 
   &:hover {
     background: var(--btn-default-hover-bg);

source/css/_common/scaffolding/highlight/copy-code.styl

@@ -9,7 +9,7 @@
   opacity: 0;
   padding: 2px 6px;
   position: absolute;
-  the-transition();
+  transition: opacity $transition-ease;
 
   if (hexo-config('codeblock.copy_button.style') == 'flat') {
     background: white;

source/css/_common/scaffolding/pagination.styl

@@ -17,8 +17,7 @@ $page-number-basic {
     @extend $page-number-basic;
     border-bottom: 0;
     border-top: 1px solid $pagination-link-border;
-    transition-property: border-color;
+    transition: border-color $transition-ease;
-    the-transition();
 
     &:hover {
       border-top-color: $pagination-link-hover-border;

source/css/_common/scaffolding/tags/tabs.styl

@@ -39,7 +39,7 @@
       }
 
       if (hexo-config('tabs.transition.tabs')) {
-        the-transition-ease-out();
+        transition: all $transition-ease-out;
       }
 
       a {
@@ -55,7 +55,7 @@
         }
 
         if (hexo-config('tabs.transition.labels')) {
-          the-transition-ease-out();
+          transition: all $transition-ease-out;
         }
       }
 

source/css/_mixins.styl

@@ -1,21 +1,3 @@
-the-transition() {
-  transition-delay: 0s;
-  transition-duration: .2s;
-  transition-timing-function: ease-in-out;
-}
-
-the-transition-ease-in() {
-  transition-delay: 0s;
-  transition-duration: .2s;
-  transition-timing-function: ease-in;
-}
-
-the-transition-ease-out() {
-  transition-delay: 0s;
-  transition-duration: .2s;
-  transition-timing-function: ease-out;
-}
-
 mobile-smallest() {
   @media (max-width: 413px) {
     {block};

source/css/_schemes/Muse/_sidebar.styl

@@ -44,7 +44,7 @@ if (hexo-config('sidebar.position') == 'right') {
 .sidebar {
   width: $sidebar-desktop;
   z-index: $zindex-2;
-  the-transition-ease-out();
+  transition: all $transition-ease-out;
 
   a, span.exturl {
     border-bottom-color: $black-light;

source/css/_variables/base.styl

@@ -3,8 +3,7 @@
 // ==================================================
 
 
-// Colors
+// Color system
-// colors for use across theme.
 // --------------------------------------------------
 $whitesmoke   = #f5f5f5;
 $gainsboro    = #eee;
@@ -23,6 +22,13 @@ $blue-deep    = #262a30;
 $orange       = #fc6423;
 
 
+// Transition
+// --------------------------------------------------
+$transition-ease     = .2s ease-in-out;
+$transition-ease-in  = .2s ease-in;
+$transition-ease-out = .2s ease-out;
+
+
 // Scaffolding
 // Settings for some of the most global styles.
 // --------------------------------------------------