You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
1.9 KiB

/* ==========================================================================
Comments
========================================================================== */
.comment {
font-size: 0.8em;
margin-bottom: 4em;
padding-left: 4.5em;
position: relative;
// comment replies
&.child {
margin-left: 4.5em;
}
}
.comment-timestamp {
font-size: 0.8em;
a {
color: inherit;
text-decoration: none;
}
}
.comment-content {
margin-top: 1em;
> p,
> ul,
> ol,
> figure,
> table {
margin-bottom: 1.5em;
}
ul {
list-style-type: square;
}
li {
margin-bottom: 0.5em;
}
li > ul,
li > ol {
margin-top: 0.5em;
}
img {
max-width: 100%;
}
.highlighter-rouge {
.highlight {
margin-left: 0;
margin-right: 0;
}
.highlight code {
font-size: 0.8em;
}
}
}
.comment-avatar {
height: 3.25em;
left: 0;
position: absolute;
top: 0;
width: 3.25em;
&::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='stripe-svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2' stroke='%23333' stroke-width='1' /%3E%3C/svg%3E");
background-size: 5px 5px;
bottom: 0.5em;
content: "";
height: 3.25em;
position: absolute;
right: 0.5em;
width: 3.25em;
z-index: -1;
}
}
.comment-author-name {
display: inline-block;
font-size: 1.25em;
line-height: 1;
margin: 0 0 0.25em;
a {
color: inherit;
text-decoration: none;
}
}
.comment-reply {
a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.comment-reply-notifications {
margin: 1rem 0;
}
#cancel-comment-reply-link {
margin-left: 1em;
}
#comment-form {
margin-bottom: 3em;
}
/* Site author specific */
.admin {
.comment-author-name {
box-shadow: inset 0 -0.25em 0 rgba($label-warning-color, 0.5);
}
}