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;

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 -->">