🦄 refactor: 样式优化

MaLuns · Sep 24, 2022 · 0f245f5 · 0f245f5
1 parent 97d5c97
commit 0f245f5
Show file tree

Hide file tree

Showing 19 changed files with 137 additions and 147 deletions.
diff --git a/package/hexo-theme-async/source/css/_components/app-frame.less b/package/hexo-theme-async/source/css/_components/app-frame.less
@@ -7,7 +7,7 @@
     height          : 100vh;
     background-color: @theme-bg2-color;
     box-shadow      : @box-shadow;
-    transition      : .4s ease-in-out;
+    .transition-mixin();
 
     /* .trm-hidden-switcher {
         display: none;

diff --git a/package/hexo-theme-async/source/css/_components/banner.less b/package/hexo-theme-async/source/css/_components/banner.less
@@ -87,7 +87,7 @@
                     }
 
                     a {
-                        transition: .4s ease-in-out;
+                        .transition-mixin();
 
                         &:hover {
                             color: @primary;

diff --git a/package/hexo-theme-async/source/css/_components/base.less b/package/hexo-theme-async/source/css/_components/base.less
@@ -104,7 +104,7 @@ p {
     font-weight   : 700;
     letter-spacing: 2px;
     color         : @theme-color;
-    transition    : .4s ease-in-out;
+    .transition-mixin();
 
     &.trm-label-light {
         color: @body-color;
@@ -124,7 +124,7 @@ a.trm-label {
     .fa-arrow-right {
         margin-top : -1px;
         margin-left: 5px;
-        transition : .4s ease-in-out
+        .transition-mixin();
     }
 
     &:focus,
@@ -142,9 +142,9 @@ a.trm-label {
 }
 
 .trm-scroll-animation {
-    transform : translateY(30px) scale(1.02);
-    opacity   : 0;
-    transition: .6s ease-in-out;
+    transform: translateY(30px) scale(1.02);
+    opacity  : 0;
+    .transition-mixin(all, .6s);
 
     &.trm-active-el {
         opacity  : 1;
@@ -153,7 +153,7 @@ a.trm-label {
 }
 
 .trm-swup-animation {
-    transition      : .6s ease-in-out;
+    .transition-mixin(all, .6s);
     transition-delay: .6s
 }
 
@@ -282,13 +282,13 @@ html {
 
 // back top
 .trm-back-top {
-    position  : fixed;
-    right     : 40px;
-    bottom    : 30px;
-    font-size : 1.5rem;
-    cursor    : pointer;
-    transition: all .3s;
-    transform : translateY(50px) scale(0);
+    position : fixed;
+    right    : 40px;
+    bottom   : 30px;
+    font-size: 1.5rem;
+    cursor   : pointer;
+    transform: translateY(50px) scale(0);
+    .transition-mixin();
 
     &.active-el {
         opacity  : 1;

diff --git a/package/hexo-theme-async/source/css/_components/blockquote.less b/package/hexo-theme-async/source/css/_components/blockquote.less
@@ -6,8 +6,8 @@ blockquote {
     position        : relative;
     background-color: @theme-bg-color;
     color           : @theme-color;
-    padding         : 40px;
-    border-radius   : 10px;
+    padding         : @card-padding;
+    border-radius   : @card-border-radius;
     font-style      : italic;
     font-size       : 16px;
     font-weight     : 500;

diff --git a/package/hexo-theme-async/source/css/_components/btn.less b/package/hexo-theme-async/source/css/_components/btn.less
@@ -13,7 +13,7 @@
     padding         : 0 35px;
     justify-content : center;
     align-items     : center;
-    transition      : .4s ease-in-out;
+    .transition-mixin();
 
     i {
         margin-top : -1px;
@@ -27,13 +27,13 @@
     .fa-arrow-right {
         margin-top : -1px;
         margin-left: 10px;
-        transition : .4s ease-in-out;
+        .transition-mixin();
     }
 
     .fa-arrow-left {
         margin-top  : -1px;
         margin-right: 10px;
-        transition  : .4s ease-in-out;
+        .transition-mixin();
     }
 
     &.trm-btn-sm {