diff --git a/css/clear-typography.css b/css/clear-typography.css
index 1e71bb1..937894d 100644
--- a/css/clear-typography.css
+++ b/css/clear-typography.css
@@ -148,45 +148,29 @@ hr {
 
 /* ------------------ QUOTE ------------------- */
 blockquote {
-  border-top: 0px;
-  border-left: 0.15em;
-  border-right: 0px;
-  border-bottom: 0px;
-  border-color: rgba(1, 1, 1, 0.15);
+  border-width: 0 0 0 0.15em;
   border-style: solid;
   border-radius: 3px;
-  margin: 0.5em;
-  margin-left: 0.1em;
-  margin-right: 0.1em;
-  padding: 0em;
-  padding-left: 1em;
-  padding-right: 1em;
-  max-width: 100%; }
-
-.night-mode blockquote {
-  border-color: rgba(255, 255, 255, 0.15); }
+  margin: 0.5em 0.1em 0.5em 0.1em;
+  padding: 0 1em 0 1em;
+  max-width: 100%;
+  border-color: rgba(1, 1, 1, 0.15); }
+  .night-mode blockquote {
+    border-color: rgba(255, 255, 255, 0.15); }
 
 pre {
-  border-top: 0px;
-  border-left: 0.15em;
-  border-right: 0px;
-  border-bottom: 0px;
-  border-color: rgba(1, 1, 1, 0.2);
+  border-width: 0 0 0 0.15em;
   border-style: solid;
   border-radius: 3px;
-  margin: 0px;
-  margin-left: 0.1em;
-  margin-right: 0.1em;
-  padding: 0.5em;
-  padding-left: 1em;
-  padding-right: 1em;
-  background-color: #EEE;
+  margin: 0.5em 0.1em 0.5em 0.1em;
+  padding: 0 1em 0 1em;
   max-width: 100%;
+  border-color: rgba(1, 1, 1, 0.2);
+  background-color: #EEE;
   overflow-x: scroll; }
-
-.night-mode pre {
-  background-color: #222;
-  border-color: rgba(255, 255, 255, 0.2); }
+  .night-mode pre {
+    background-color: #222;
+    border-color: rgba(255, 255, 255, 0.2); }
 
 /* ------------------ SPECIAL STYLING ------------------- */
 mark {
diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss
index 471e896..89d102f 100644
--- a/scss/clear-typography.scss
+++ b/scss/clear-typography.scss
@@ -180,52 +180,39 @@ hr {
 
 /* ------------------ QUOTE ------------------- */
 
-blockquote {
-  border-top: 0px;
-	border-left: 0.15em;
-	border-right: 0px;
-	border-bottom: 0px;
-	border-color: rgba(1, 1, 1, 0.15);
+@mixin well() {
+  border-width: 0 0 0 0.15em;
 	border-style: solid;
 	border-radius: 3px;
-	margin: 0.5em;
-	margin-left: 0.1em;
-	margin-right: 0.1em;
-	padding: 0em;
-	padding-left: 1em;
-	padding-right: 1em;
 	
-	max-width: 100%
+	margin: 0.5em 0.1em 0.5em 0.1em;
+	padding: 0 1em 0 1em;
+	
+	max-width: 100%;
 }
 
-.night-mode blockquote {
-  border-color: rgba(255, 255, 255, 0.15)
+blockquote {
+  @include well();
+	border-color: rgba(1, 1, 1, 0.15);
+	
+	.night-mode & {
+    border-color: rgba(255, 255, 255, 0.15)
+  }
 }
 
 pre {
-  border-top: 0px;
-	border-left: 0.15em;
-	border-right: 0px;
-	border-bottom: 0px;
+  @include well();
 	border-color: rgba(1,1,1,0.20);
-	border-style: solid;
-	border-radius: 3px;
-	margin: 0px;
-	margin-left: 0.1em;
-	margin-right: 0.1em;
-	padding: 0.5em;
-	padding-left: 1em;
-	padding-right: 1em;
-	
 	background-color:#EEE;
-	max-width:100%;
 	overflow-x: scroll;
+	
+	.night-mode & {
+    background-color:#222;
+    border-color:rgba(255,255,255,0.20);
+  }
 }
 
-.night-mode pre {
-  background-color:#222;
-  border-color:rgba(255,255,255,0.20);
-}
+
 
 /* ------------------ SPECIAL STYLING ------------------- */