font color

Author: RCmags

_includes/paginator-list.html

@@ -8,7 +8,7 @@
 			<div id="container_in">
 				<div id="list_in">
 					<a href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>	
-					<div>
+					<div id="categories">
 					<!-- directory -->
 					{% for category in post.categories %}
 						<small>{{ category }}</small>		
@@ -18,7 +18,7 @@
 					{% endfor %}
 					</div>
     			</div>
-    			<span> {{ post.date | date: date_format }} </span> 
+    			<span id="date"> {{ post.date | date: date_format }} </span> 
 			</div>
 		</li>
 	{% endfor %}

_sass/pagination.scss

@@ -17,13 +17,17 @@
   	display: flex;
   	flex-direction: column;
   }
-    
+  
   li {
   	margin-bottom: 10px;
   	margin-left: 10px;
   }
 
-  span {
+  #categories {
+  	color: $grey-color-dark;
+  }
+  
+  #date {
 	color: gray;
 	text-align: right;
 	font-size: 14px;
@@ -41,7 +45,7 @@
 		#container_in {
 			flex-direction: column;
 		}
-		span {
+		#date {
 			text-align: left;
 		}
 	}
@@ -92,7 +96,7 @@
 
 	h3 {
 		text-align: center; 
-		color: gray;
+		color: $grey-color-dark;
 		margin-left: 10px;
 		margin-right: 10px;
 	}