Skip to content

Instantly share code, notes, and snippets.

@isGabe
Created September 4, 2013 18:27
Show Gist options
  • Save isGabe/6440845 to your computer and use it in GitHub Desktop.
Save isGabe/6440845 to your computer and use it in GitHub Desktop.
WordPress: basic comments style .scss template #wordpress #snippet
/**
* Basic WordPredd comment style template
*
* ** Check your theme's comments templates & tags. _s theme uses .comment-list for the comment container, but yours may differ.
*/
.comment-list{
list-style:none;
margin:0 0 1em;
padding:0;
text-indent:0;
ul{
list-style: none;
margin: 0;
padding: 0;
}
li{
&.comment{
border-bottom: 1px solid #ddd;
padding:1em;
p{
}
ul{
list-style: none;
margin: 0 0 0 20px;
}
.comment-author{}
.vcard{
.fn{}
.url{}
}
.avatar{
border:5px solid #ccc;
float:right;
margin:0 0 20px 20px;
}
.avatar-32{}
.photo{}
.says{}
.commentmetadata{
}
.comment-meta{
a{
color: #ccc;
}
}
.reply{
a{
font-weight: bold;
}
}
.children{
text-indent:0;
li {
&.alt{}
&.bypostauthor{}
&.byuser{}
&.comment{}
&.comment-author-admin{}
&.depth-2{
border-left: 5px solid #ccc;
margin:0 0 10px 10px;
}
&.depth-3{
border-left: 5px solid #bbb;
margin:0 0 10px 10px;
}
&.depth-4{
border-left: 5px solid #aaa;
margin:0 0 10px 10px;
}
&.depth-5{}
&.even{}
&.odd{}
}
} // end .children
} // end li.comment
&.alt{}
&.bypostauthor{}
&.byuser{}
&.comment-author-admin{}
&.even{
background:#fff;
}
&.odd{
background:#f6f6f6;
}
&.parent{
border-left:5px solid #ddd;
}
&.thread-alt{}
&.thread-even{}
&.thread-odd{}
} // end .comment-list li
} // end .comment-list
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment