Vulcan/client/sass/modules/_comments.scss

81 lines
No EOL
1.3 KiB
SCSS

.comment{
margin-left:30px;
}
.comment-content{
position:relative;
@extend .grid-block;
@include border-radius(0 3px 3px 3px);
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;
margin:0;
&: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{
@include border-radius(0 0 0 3px);
position:relative;
display:block;
height:30px;
width:30px;
// background:$light-blue;
background:white;
@include box-shadow(0 1px 1px black(0.15));
overflow:hidden;
@include hide-text;
// border-right:1px solid $lightest-grey;
&.upvote{
@include border-radius(3px 0 0 0);
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;
color:$red;
}
&:hover{
background:$highlight-color;
i{
color:white;
}
}
}
}
.comment-new{
@extend .grid-block;
@include cf;
.comment-field{
margin-bottom:$grid-margin;
}
}