added topic/title component

less/topic.less

@@ -1,8 +1,12 @@
 .topic {
 	h1 {
-		font-size: 28px;
+
 		line-height: 24px;
 		margin-bottom: 30px;
+		.topic-title {
+			font-size: 28px;
+			color:inherit;
+		}
 
 		> span {
 			text-transform: uppercase;
@@ -103,11 +107,11 @@
 		right: -5px;
 		top: 0;
 		font-size: 14px;
-		
+
 		> a {
 			padding: 0.25em;
 		}
-		
+
 		a {
 			color: @gray-light;
 			outline: none;
@@ -289,7 +293,7 @@
 
 .thread_active_users {
 	text-transform: initial;
-	
+
 	a[data-uid] {
 		position: relative;
 		margin-left: 14px;

templates/topic.tpl

@@ -3,7 +3,7 @@
 
 	<h1 component="post/header" itemprop="name">
 
-		<i class="fa fa-thumb-tack <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->"></i> <i class="fa fa-lock <!-- IF !locked -->hidden<!-- ENDIF !locked -->"></i> {title}
+		<i class="fa fa-thumb-tack <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->"></i> <i class="fa fa-lock <!-- IF !locked -->hidden<!-- ENDIF !locked -->"></i> <span class="topic-title" component="topic/title">{title}</span>
 		<!-- IMPORT partials/thread_sort.tpl -->
 
 		<button component="topic/follow" class="btn hidden-xs hidden-sm <!-- IF isFollowing -->hidden<!-- ENDIF isFollowing -->">