feat: some persona variables for topic list

less/modules/necro-post.less

@@ -1,4 +1,4 @@
 .topic .necro-post {
-	border-bottom: 1px solid @gray-lighter;
+	border-bottom: 1px solid @post-border-color;
-	padding-bottom: 20px;
+	padding-bottom: @post-padding;
 }

less/persona.less

@@ -1,3 +1,5 @@
+@import "variables";
+
 @import "style";
 
 @import "topic";

less/topic.less

@@ -106,7 +106,7 @@
 		top: -2px;
 		right: 6px;
 		font-size: 16px;
-		color: darken(@brand-info, 20%);
+		color: darken(@post-highlight, 20%);
 		opacity: 0;
 		.transition(0.75s ease-in-out opacity);
 	}
@@ -119,7 +119,7 @@
 
 	[component="post/anchor"] {
 		position: relative;
-		top: -20px;		/* 20px used here as that is the bottom margin of the hr in between posts */
+		top: -@post-padding;
 	}
 
 	[component="post/upvote"], [component="post/downvote"] {
@@ -192,7 +192,7 @@
 
 	[component="post/replies"] {
 		margin-left: 61px;
-		margin-top: 20px;
+		margin-top: @post-padding;
 		border-left: 5px solid #eee;
 		padding-left: 20px;
 
@@ -224,7 +224,7 @@
 	}
 
 	.content {
-		margin-top: 20px;
+		margin-top: @post-padding;
 		padding-bottom: 1px;
 		margin-top: -43px;
 		margin-left: 61px;
@@ -259,7 +259,7 @@
 
 	.tags {
 		vertical-align: -40%;
-		margin-bottom: 20px;
+		margin-bottom: @post-padding;
 	}
 
 	h1 {
@@ -385,9 +385,9 @@
 
 		[component="post"] {
 			position: relative;
-			border-bottom: 1px solid @gray-lighter;
+			border-bottom: 1px solid @post-border-color;
-			padding-bottom: 20px;
+			padding-bottom: @post-padding;
-			margin-bottom: 20px;
+			margin-bottom: @post-padding;
 
 			.transition(0.75s ease-in-out border-color);
 
@@ -406,8 +406,8 @@
 			}
 
 			&.highlight {
-				border-color: darken(@brand-info, 20%);
+				border-color: darken(@post-highlight, 20%);
-				box-shadow: 0px 2px 2px -2px @brand-info;
+				box-shadow: 0px 2px 2px -2px @post-highlight;
 
 				.bookmarked {
 					opacity: 1;

less/variables.less

@@ -0,0 +1,7 @@
+//== Topic List
+//
+//## Post objects found on the category, recent, popular, etc. pages 
+
+@post-padding:			20px;
+@post-border-color: 	@gray-lighter;
+@post-highlight:		@brand-info;