refactor: update vendor prefix in SCSS

{
  "browsers": [
    "last 2 versions",
    "> 0.2%",
    "not dead"
  ]
}

_sass/layout/categories.scss

@@ -16,7 +16,7 @@
   i {
     @extend %category-icon-color;
 
-    font-size: 86%; // fontawesome icons
+    font-size: 86%; /* fontawesome icons */
   }
 
   .list-group-item {
@@ -42,7 +42,9 @@
     position: relative;
     height: 0.7rem;
     width: 1rem;
+    transition: -webkit-transform 300ms ease;
     transition: transform 300ms ease;
+    transition: transform 300ms ease, -webkit-transform 300ms ease;
   }
 
   &:hover {
@@ -52,14 +54,13 @@
   }
 }
 
-@media (hover: hover) { // only works on desktop
+@media (hover: hover) { /* only works on desktop */
   .category-trigger:hover {
     background-color: var(--categories-hover-bg);
   }
 }
 
 .rotate {
-  -ms-transform: rotate(-90deg); /* IE 9 */
-  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
+  -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

_sass/layout/category-tag.scss

@@ -13,7 +13,7 @@
     line-height: 1.5rem;
     padding: 0.6rem 0;
 
-    &::before { // dot
+    &::before { /* dot */
       background: #999999;
       width: 5px;
       height: 5px;
@@ -37,7 +37,7 @@
   }
 }
 
-#page-tag h1 > i { // tag icon
+#page-tag h1 > i { /* tag icon */
   font-size: 1.2rem;
 }
 
@@ -51,7 +51,7 @@
   a:hover {
     @extend %link-hover;
 
-    margin-bottom: -1px; // Avoid jumping
+    margin-bottom: -1px; /* Avoid jumping */
   }
 }
 

_sass/layout/home.scss

@@ -85,6 +85,7 @@
 
       .pin {
         i {
+          -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
           padding-left: 3px;
           color: var(--pin-color);

_sass/layout/post.scss

@@ -80,6 +80,8 @@ h1 + .post-meta {
 
   .share-wrapper {
     vertical-align: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
     user-select: none;
 
     .share-icons {
@@ -203,6 +205,20 @@ h1 + .post-meta {
   }
 } /* .post-navigation */
 
+@-webkit-keyframes fade-up {
+  from {
+    opacity: 0;
+    position: relative;
+    top: 2rem;
+  }
+
+  to {
+    opacity: 1;
+    position: relative;
+    top: 0;
+  }
+}
+
 @keyframes fade-up {
   from {
     opacity: 0;
@@ -223,6 +239,7 @@ h1 + .post-meta {
   position: sticky;
   top: 4rem;
   transition: top 0.2s ease-in-out;
+  -webkit-animation: fade-up 0.8s;
   animation: fade-up 0.8s;
 }
 
@@ -277,8 +294,6 @@ nav[data-toggle="toc"] {
     border-color: var(--card-border-color);
     background-color: var(--card-bg);
     box-shadow: 0 0 5px 0 var(--card-box-shadow);
-    -webkit-transition: all 0.3s ease-in-out;
-    -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 
     h3 {
@@ -323,7 +338,6 @@ nav[data-toggle="toc"] {
   }
 
   .post-tail-bottom {
-    -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
 
     > div:first-child {