@import 'quill/quill.bubble';

.ql-editor.ql-blank::before {
	left: 1.5em;
	color: $gray-400;
}

.editor {
	position: relative;
	height:100%;

	.edi_container {
		height: calc(100% - 2em); /* 2 * 2em*/
		overflow: hidden;
		position: relative;
		
		.edi_content {
			
			height:auto;
			position: relative;
			
			.ql-container {
				padding: 0;
			}
		
			.ql-editor {
				padding: 0;
				font-family: $font_para;
				font-size: 14px;
				
				& > p + p > .edi_thought_date, & > p + p > .edi_thought_time {
					padding-top: 1em;
				}
				
				div {
					margin: 0;
					
					&.edi_thought_date, &.edi_thought_time {
						color: $gray-500;
						font-style: italic;
						line-height: 3em;
						display: block;
					}
				
					&.edi_thought_time {
						text-align: right;
						margin-right: 2px;
					}
				}
			
				p {
					text-indent: 1.5em;
					margin: 0;
					padding: 0;
					text-align: justify;
					line-height: 1.5em;
				}
			}
		}
	}

	/* Write - Navbar */
	
	.edi_nav {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		
		.nav-elem {
			color: $gray-500;
			display: inline-block;
			cursor: pointer;
			width: 1.25em;
			font-size: 1.25em;
			
			&:hover {
				color: $gray-700;
			}
			
			&.prev, &.curr, &.next {
				visibility: hidden;
			}

			&.next {
				float: right;
			}
		}
	}
}