format list items

Author: RCmags

_includes/category-posts.html

@@ -1,14 +1,24 @@
+<style>
+.forlast {
+	margin-bottom: 0px !important;
+}
+</style>
+
 <!-- post list -->
 <div class="archive-group">
 	{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
 
 	<ul class="paginator-list">
 		<div id="container_out">
 		{% for post in site.categories[include.category] %}
-			<li>
+		{% if forloop.last %}
+			<li class="list_item forlast">
+		{% else %}
+			<li class="list_item">
+		{% endif %}
 				<div id="container_in">
     				<a href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>	
-    				<span> {{ post.date | date: date_format }} </span> 
+    				<span id="date"> {{ post.date | date: date_format }} </span> 
 				</div>
 			</li>
 		{% endfor %}

_includes/paginator-list.html

@@ -1,10 +1,20 @@
 <!-- display all posts -->
+<style>
+.forlast {
+	margin-bottom: 0px !important;
+}
+</style>
+
 {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
 
 <ul class="paginator-list"> 
 	<div id="container_out">
 	{% for post in include.src.posts %}
-		<li>
+		{% if forloop.last %}
+			<li class="list_item forlast">
+		{% else %}
+			<li class="list_item">
+		{% endif %}
 			<div id="container_in">
 				<div id="list_in">
 					<a href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>	

_includes/social.html

@@ -12,7 +12,7 @@
   {%- endif -%}
 
   {%- if site.youtube_username -%}
-  	<a href="https://youtube.com/{{ site.youtube_username| cgi_escape | escape }}">
+  	<a href="https://m.youtube.com/@{{ site.youtube_username| cgi_escape | escape }}">
   		<img class="svg-icon" src="/assets/icons/youtube-red.svg">
   	</a>
   {%- endif -%}

_sass/pagination.scss

@@ -3,6 +3,9 @@
   display: flex;
   justify-content: center;
 
+  list-style-type: circle;
+  //list-style: none;
+  
   #container_out {
   	width: 100%;
   }
@@ -17,10 +20,10 @@
   	display: flex;
   	flex-direction: column;
   }
-  
-  li {
-  	margin-bottom: 10px;
-  	margin-left: 10px;
+   
+  .list_item {
+  	margin-bottom: 20px;
+  	//margin-left: 10px;
   }
 
   #categories {
@@ -36,7 +39,7 @@
 }
 
 
-@media (max-width: $on-laptop) {
+@media (max-width: $on-palm) {
 	.paginator-list {
 		justify-content: left;
 		#container_out {

_sass/projects.scss

@@ -1,4 +1,6 @@
 .project-list {
+  	//list-style: none;
+
 	#category {
 		font-size: 24px;
 	}
@@ -7,6 +9,7 @@
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
+		color: $grey-color-dark;
 	}
 
 	.button {
@@ -36,12 +39,12 @@
 	}
 
 	#list_out {
-		padding-bottom: 10px;
-		margin-left: 10px;
+		padding-bottom: 20px;
+		//margin-left: 10px;
 		margin-right: 10px;
 	}
 
 	#content {
-		padding-top: 10px;
+		padding-top: 15px;
 	}
 }