/* ==============================================================
   User Comments
   style declarations for userComments.xhtml
   ==============================================================*/
/* USER COMMENTS */
/* BLOCK */
.user-comments {
	/* ELEMENT */
	&__message-login {
		h2 {}
		.btn {}
	}
	&__comment {}
	&__comment-image {
		img {}
	}
	&__comment-metadata {
		span {}
		&-creator {}
		&-date {}
	}
	&__comment-content {
		&-options {
			span {}
			a, button {
				&:hover,
				&:active,
				&:focus {}
			}
			&-last-change {}
			&-cancel,
			&-edit,
			&-save {
				&.in {}
			}
			&-cancel {}
			&-edit {}
			&-save {}
			&-delete {}
			&-text,
			&-text-edit {}
			&-text {
				&.in {}
			}
			&-text-edit {
				&.in {}
				textarea {
					&:focus {}
				}
			}
		}
	}
	&__comment-content-loader {}
	&__add-comment {
		label {
			span {}
		}
		&-add {
			textarea {
				&:focus {}
			}
		}
		&-submit {
			.btn {}
		}
	}	
}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {} 

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}