/*******************************
            Comments
*******************************/

/*-------------------
      Elements
--------------------*/

/* Comment */
@commentCommentBackground: #FFFFFF;
@commentCommentMargin: 1em 0em 0em;
@commentCommentPadding: 1em 1.5em;
@commentCommentBorder: 1px solid rgba(0, 0, 0, 0.1);
@commentCommentDivider: 1px solid rgba(0, 0, 0, 0.1);
@commentFirstCommentMargin: 1em;
@commentFirstCommentPadding: 1em;

/* Nested Comment */
@commentNestedCommentsMargin: 0em 0em 0.5em 0.5em;
@commentNestedCommentsPadding: 1em 0em 0em 1em;
@commentNestedCommentBackground: #F0F0F0;

/* Avatar */
@commentAvatarWidth: 3.5em;
@commentAvatarSpacing: 1.5em;
@commentAvatarBorderRadius: @circularRadius;

/* Content */
@commentContentMargin: @commentAvatarWidth + @commentAvatarSpacing;

/* Author */
@commentAuthorFontSize: 1em;
@commentAuthorColor: @primaryColor;
@commentAuthorHoverColor: @primaryColorHover;
@commentAuthorFontWeight: bold;

@commentMetadataDisplay: block;
@commentMetadataSpacing: 0em;
@commentMetadataColor: @textColor;

/*-------------------
      Variations
--------------------*/

/* Threaded */
@commentThreadedCommentMargin: -1.5em 0 -1em  (@commentAvatarWidth / 2);