refactor: styles refactor

Author: luiskcs89

src/components/app-blog-content/app-blog-content.scss

@@ -164,7 +164,7 @@
 
 .blog-next-posts {
   h1 {
-    color: #292a2d;
+    color: $gray-dark;
     font-family: Muli;
     font-size: 16px;
     font-weight: 400;

src/pages/app-blog/app-blog.scss

@@ -147,18 +147,18 @@
     }
 
     .blog-search-input {
-      padding: 4px 4px 4px calc(2.4rem + 2px);
-      border: none;
       background-color: #f4f5f9;
-      box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.15);
+      border: none;
       border-radius: 3px;
-      width: 100%;
-      height: 32px;
-      font-family: Muli;
+      box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.15);
       color: #5d534e;
+      font-family: Muli;
       font-size: 13px;
       font-weight: 300;
+      height: 32px;
       line-height: 18px;
+      padding: 4px 4px 4px calc(2.4rem + 2px);
+      width: 100%;
 
       @include media-breakpoint-down(sm) {
         box-shadow: none;
@@ -169,13 +169,12 @@
 
     .blog-search-input-top {
       padding: 4px 4px 4px calc(2.4rem + 2px);
-      border: none;
       background-color: #f4f5f9;
       border-radius: 3px;
       width: 85%;
       height: 32px;
       font-family: Muli;
-      color: #5d534e;
+      color: $gray-brown;
       font-size: 13px;
       font-weight: 300;
       line-height: 18px;
@@ -186,7 +185,7 @@
       position: absolute;
       margin-top: 10px;
       margin-left: 10px;
-      color: #615853;
+      color: $gray-brown;
       @include media-breakpoint-down(md) {
         position: initial;
         margin-top: 0;
@@ -198,7 +197,7 @@
       position: absolute;
       margin-top: 10px;
       margin-left: 10px;
-      color: #615853;
+      color: $gray-brown;
     }
 
     .searchbar-top {
@@ -237,10 +236,7 @@
         margin-bottom: 32px;
 
         @include media-breakpoint-down(md) {
-          padding: 12px 10px;
-          padding-top: 16px;
-          padding-left: 10px;
-          padding-right: 10px;
+          padding: 16px 10px 12px 10px;
           font-size: 12px;
         }