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


/*-------------------
       View
--------------------*/

@commentMaxWidth: 650px;
@commentMargin: 1.5em 0em;

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

/* Comment */
@commentCommentBackground: none;
@commentCommentMargin: 0.5em 0em 0em;
@commentCommentPadding: 0.5em 0em 0em;
@commentCommentDivider: none;
@commentCommentBorder: none;
@commentCommentLineHeight: 1.2;
@commentFirstCommentMargin: 0em;
@commentFirstCommentPadding: 0em;

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

@commentNestedCommentDivider: none;
@commentNestedCommentBorder: none;
@commentNestedCommentBackground: none;

/* Avatar */
@commentAvatarDisplay: block;
@commentAvatarFloat: left;
@commentAvatarWidth: 2.5em;
@commentAvatarHeight: auto;
@commentAvatarSpacing: 1em;
@commentAvatarMargin: (@commentCommentLineHeight - 1em) 0em 0em;
@commentAvatarBorderRadius: 0.25rem;

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

/* Author */
@commentAuthorFontSize: 1em;
@commentAuthorColor: @textColor;
@commentAuthorHoverColor: @linkHoverColor;
@commentAuthorFontWeight: @bold;

/* Metadata */
@commentMetadataDisplay: inline-block;
@commentMetadataFontSize: 0.875em;
@commentMetadataSpacing: 0.5em;
@commentMetadataContentSpacing: 0.5em;
@commentMetadataColor: @lightTextColor;

/* Text */
@commentTextFontSize: 1em;
@commentTextMargin: 0.25em 0em 0.5em;
@commentTextWordWrap: break-word;
@commentTextLineHeight: 1.3;

/* Actions */
@commentActionFontSize: 0.875em;
@commentActionContentDistance: 0.75em;
@commentActionLinkColor: @unselectedTextColor;
@commentActionLinkHoverColor: @hoveredTextColor;

/* Reply */
@commentReplyDistance: 1em;
@commentReplyHeight: 12em;
@commentReplyFontSize: 1em;

@commentCommentReplyDistance: @commentReplyDistance;

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

/* Threaded */
@commentThreadedCommentMargin: -1.5em 0 -1em  (@commentAvatarWidth / 2);
@commentThreadedCommentPadding: 3em 0em 2em 2.25em;
@commentThreadedCommentBoxShadow: -1px 0px 0px @borderColor;


/* Minimal */
@commentMinimalActionPosition: absolute;
@commentMinimalActionTop: 0px;
@commentMinimalActionRight: 0px;
@commentMinimalActionLeft: auto;

@commentMinimalTransitionDelay: 0.1s;
@commentMinimalEasing: @defaultEasing;
@commentMinimalDuration: 0.2s;
@commentMinimalTransition: opacity @commentMinimalDuration @commentMinimalEasing;