Fix Font Awesome class name

fyzhu · Apr 1, 2020 · f831506 · f831506
1 parent e61c2e0
commit f831506
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 29 deletions.
diff --git a/source/css/_common/components/post/post-collapse.styl b/source/css/_common/components/post/post-collapse.styl
@@ -101,6 +101,11 @@
       border-bottom: none;
       color: var(--link-color);
     }
+
+    .fa-external-link-alt {
+      font-size: $font-size-small;
+      margin-left: 5px;
+    }
   }
 
   &::before {
@@ -113,9 +118,4 @@
     top: 1.25em;
     width: 4px;
   }
-
-  .fa-external-link {
-    font-size: $font-size-small;
-    margin-left: 5px;
-  }
 }
diff --git a/source/css/_common/components/post/post-header.styl b/source/css/_common/components/post/post-header.styl
@@ -55,7 +55,7 @@
     visibility: visible;
   }
 
-  .fa {
+  .fa-external-link-alt {
     font-size: $font-size-small;
     margin-left: 5px;
   }

diff --git a/source/css/_common/components/post/post-nav.styl b/source/css/_common/components/post/post-nav.styl
@@ -3,7 +3,7 @@
   display: flex;
   justify-content: space-between;
   margin-top: 15px;
-  padding-top: 10px;
+  padding: 10px 5px 0;
 }
 
 .post-nav-item {
@@ -28,10 +28,6 @@
   &:first-child {
     margin-right: 15px;
 
-    a {
-      padding-left: 5px;
-    }
-
     .fa {
       margin-right: 5px;
     }
@@ -41,10 +37,6 @@
     margin-left: 15px;
     text-align: right;
 
-    a {
-      padding-right: 5px;
-    }
-
     .fa {
       margin-left: 5px;
     }

diff --git a/source/css/_common/outline/header/menu.styl b/source/css/_common/outline/header/menu.styl
@@ -35,7 +35,7 @@
     }
   }
 
-  .fa {
+  .fa, .fab, .far, .fas {
     margin-right: 8px;
   }
 

diff --git a/source/css/_common/outline/sidebar/sidebar-button.styl b/source/css/_common/outline/sidebar/sidebar-button.styl
@@ -8,7 +8,7 @@
     display: inline-block;
     padding: 0 15px;
 
-    .fa {
+    .fa, .fab, .far, .fas {
       margin-right: 5px;
     }
 
@@ -17,7 +17,7 @@
       border: 1px solid $orange;
       color: white;
 
-      .fa {
+      .fa, .fab, .far, .fas {
         color: white;
       }
     }

diff --git a/source/css/_mixins.styl b/source/css/_mixins.styl
@@ -40,6 +40,12 @@ tablet-mobile() {
   }
 }
 
+tablet-desktop() {
+  @media (min-width: 768px) {
+    {block};
+  }
+}
+
 tablet() {
   @media (min-width: 768px) and (max-width: 991px) {
     {block};

diff --git a/source/css/_schemes/Muse/_menu.styl b/source/css/_schemes/Muse/_menu.styl
@@ -41,15 +41,8 @@
     }
   }
 
-  .fa {
-    +tablet() {
-      display: block;
-      line-height: 2;
-      margin-right: 0;
-      width: 100%;
-    }
-
-    +desktop() {
+  .fa, .fab, .far, .fas {
+    +tablet-desktop() {
       display: block;
       line-height: 2;
       margin-right: 0;

diff --git a/source/css/_schemes/Pisces/_sidebar.styl b/source/css/_schemes/Pisces/_sidebar.styl
@@ -56,7 +56,7 @@
       border: 0;
       color: darken($orange, 20%);
 
-      .fa {
+      .fa, .fab, .far, .fas {
         color: darken($orange, 20%);
       }
     }
@@ -92,7 +92,7 @@
     }
   }
 
-  .fa {
+  .fa, .fab, .far, .fas {
     margin-right: 2px;
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,7 +35,7 @@ @@
         }
       }
-      .fa {
+      .fa, .fab, .far, .fas {
         margin-right: 8px;
       }
@@ Expand Down @@