Vulcan/client/sass/modules/_comments.scss

.comment{
	margin-left:30px;
}
.comment-content{
	position:relative;
	@extend .grid-block;
	font-size:14px;
}
.comment-meta{
	margin-bottom:5px;
	.comment-username, .comment-time, .comment-permalink{
		display:inline-block;
		margin-right:4px;
	}
	color:$light-text;
	.comment-permalink{
		position:relative;
		@include hide-text;
		width:20px;
		color:$light-text;
		&:before{
			position:absolute;
			display:block;
			top:1px;
			left:0;
			text-indent:0;
		}
		&:hover:before{
			color:$red;
		}
	}
}
.comment-actions{
	position:absolute;
	left:-30px;
	top:0px;
	a{
		position:relative;
		display:block;
		height:30px;
		width:30px;
		background:$light-blue;
		@include box-shadow(0 1px 1px black(0.15));
		overflow:hidden;
		@include hide-text;
		&.upvote{
			margin-bottom:1px;
		}
		i{
			font-size:12px;
			display:block;
			position:absolute;
			height:30px;
			width:30px;
			line-height:30px;
			text-align:center;
			text-indent:0;
			color:$light-blue2;
		}
		&:hover{
			background:$highlight-color;
			i{
				color:white;
			}
		}
	}
}
.comment-new{
	@extend .grid-block;
	@include cf;
	.comment-field{
		margin-bottom:$grid-margin;
	}
}