Quill js

style/_quill.scss

@@ -0,0 +1,80 @@
+@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;
+				
+				div {
+					margin: 0;
+					
+					&.edi_header {
+						color: $gray-500;
+						font-style: italic;
+						line-height: 3em;
+					}
+				}
+			
+				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;
+			}
+		}
+	}
+}