Changed color .fa for blog pages

resources/js/home/home.js

@@ -33,5 +33,15 @@ $(document).ready(function() {
             }
         }
     })
+    $('.reply-post-icon').click(function () {
+        $('.form-opinion').slideUp();
+        $(this).parents('.parent-reply-body').find('.form-reply-opinion').slideDown();
+    });
+
+    $('.btn-cancel-reply').click(function (e) {
+        e.preventDefault();
+        $('.form-opinion').slideDown();
+        $(this).parents('.parent-reply-body').find('.form-reply-opinion').slideUp();
+    });
 });
 

resources/sass/home/home.scss

@@ -288,7 +288,7 @@ footer {
             }
             blockquote{
                 background: #f9f9f9;
-                border-right: 0.625rem solid $info;
+                border-right: 0.625rem solid lighten($secondary, 11);
                 margin: 0.5rem 1.2rem;
                 padding: 10px 20px;
                 &:before {
@@ -297,7 +297,7 @@ footer {
                     right: -11px;
                     position: relative;
                     top: 30px;
-                    color: $info;
+                    color: lighten($secondary, 11);
                     font-size: 3em;
                 }
             }
@@ -321,6 +321,7 @@ footer {
             padding-left: 0.625rem;
             .reply-post-icon {
                 transition: all 0.5s ease;
+                color: lighten($secondary, 10);
                 &:hover {
                     cursor: pointer;
                 }
@@ -331,6 +332,9 @@ footer {
             font-size: 15px;
             display: inline-block;
             color: #afb6bc;
+            .fa {
+                color: lighten($secondary, 10);
+            }
         }
         .user-description {
             display: flex;
@@ -362,7 +366,11 @@ footer {
                 color: lighten($gray, 20);
                 font-size: 80%;
                 .item-details-clock {
+                    color: lighten($secondary, 10);
+                }
+                .item-details-calendar {
                     margin-left: 0.25rem;
+                    color: lighten($secondary, 10);
                 }
                 .item-details-time {
                     border-right: 1px solid;
@@ -467,7 +475,7 @@ footer {
                 flex-direction: column;
             }
             .fa {
-                color: $info;
+                color: lighten($secondary, 10);
             }
             .published-at {
                 margin-left: 0.625rem;

resources/views/home/single-blog.blade.php

@@ -198,12 +198,13 @@
                                                 آرش محبی
                                             </span>
                                             <span class="item-details">
-                                                <i class="fa fa-clock-o item-details-clock"></i>
+                                                <i class="fa fa-calendar item-details-calendar"></i>
                                                 <span>
                                                     <span class="item-details-date">
                                                         ۱۷ خرداد ۱۳۹۹
                                                     </span>
                                                     <span class="item-details-time">
+                                                        <i class="fa fa-clock-o item-details-clock"></i>
                                                         ۱۲:۱۸
                                                     </span>
                                                 </span>
@@ -263,15 +264,16 @@
                                                     <div class="user-description">
                                                     <span class="user-description-holder">
                                                         <span class="user-name">
-                                                            آرشftgyrht محبی
+                                                            علی رضایی
                                                         </span>
                                                         <span class="item-details">
-                                                            <i class="fa fa-clock-o item-details-clock"></i>
+                                                            <i class="fa fa-calendar item-details-calendar"></i>
                                                             <span>
                                                                 <span class="item-details-date">
                                                                     ۱۷ خرداد ۱۳۹۹
                                                                 </span>
                                                                 <span class="item-details-time">
+                                                                    <i class="fa fa-clock-o item-details-clock"></i>
                                                                     ۱۲:۱۸
                                                                 </span>
                                                             </span>
@@ -347,16 +349,6 @@
 
     @slot('script')
         <script>
-            $('.reply-post-icon').click(function () {
-                $('.form-opinion').slideUp();
-                $(this).parents('.parent-reply-body').find('.form-reply-opinion').slideDown();
-            });
-
-            $('.btn-cancel-reply').click(function (e) {
-                e.preventDefault();
-                $('.form-opinion').slideDown();
-                $(this).parents('.parent-reply-body').find('.form-reply-opinion').slideUp();
-            });
         </script>
     @endslot