merging read and write quill engine

style/_quill.scss

@@ -3,4 +3,78 @@
 .ql-editor.ql-blank::before {
 	left: 1.5em;
 	color: $gray-400;
+}
+
+.editor {
+	position: relative;
+	height:100%;
+
+	.edi_header {
+		color: $gray-500;
+		font-size: 0.8em;
+		margin-bottom: 0.5em;
+	}
+	
+	.edi_container {
+		height: calc(100% - 4em); /* 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;
+				}
+			
+				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;
+			}
+		}
+	}
 }

style/_read.scss

@@ -1,5 +1,4 @@
 #read {
-	@extend .thought;
 	
 	.header {
 	}

style/_template.scss

@@ -166,31 +166,6 @@ a.button:active {
 	}
 }
 
-/* Thought */
-
-.thought {
-	padding: 0;
-	font-family: $font_para;
-	font-size: 14px;
-	
-	div {
-		margin: 0;
-	}
-
-	p {
-		text-indent: 1.5em;
-		margin: 0;
-		padding: 0;
-		text-align: justify;
-		line-height: 1.5em;
-	}
-
-	.date {
-		color: $gray-500;
-		font-size: 0.8em;
-	}
-}
-
 /* Settings */
 
 #settings table tr td {

style/_write.scss

@@ -3,67 +3,16 @@
 	position: relative;
 	height:100%;
 	
-	/* Write - Editor */
-	
-	#editor_container {
-		height: calc(100% - 2em);
-		overflow: hidden;
-		position: relative;
-		
-		#editor_content {
-			
-			height:auto;
-			position: relative;
-			
-			.ql-container {
-				padding: 0;
-			}
-		
-			.ql-editor, #context {
-				@extend .thought;
-			}
-		
-			#context {
-				.entry_date {
-					text-align: right;
-				}
-			
-				.entry_sep {
-					font-size: 1.5em;
-					text-align: center;
-					letter-spacing: 0.3em;
-					padding: 1em;
-				}
-			}
+	#context {
+		.entry_date {
+			text-align: right;
 		}
-	}
-
-	/* Write - Navbar */
 	
-	#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;
-			}
+		.entry_sep {
+			font-size: 1.5em;
+			text-align: center;
+			letter-spacing: 0.3em;
+			padding: 1em;
 		}
 	}