add blockquote style

1 files changed, 39 insertions, 0 deletions

diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss
index f7ecaeb..4911f76 100644
--- a/assets/sass/styles.scss
+++ b/assets/sass/styles.scss
@@ -189,3 +189,42 @@
 	font-weight: 700;
     }
 }
+
+/*
+ * Quotes
+ */
+blockquote{
+    font-size: ($font-size-base *1.2); //1.4em;
+    width:70%;
+    margin:50px auto;
+    font-family:Open Sans;
+    font-style:italic;
+    color: $dark;
+    padding:1.2em 30px 1.2em 75px;
+    border-left:8px solid $dark;
+    line-height:1.6;
+    position: relative;
+    background-color: $gray-200;
+}
+
+blockquote::before{
+    font-family:Arial;
+    content: "\201C";
+    color:$dark;
+    font-size:4em;
+    position: absolute;
+    left: 10px;
+    top:-10px;
+}
+
+blockquote::after{
+    content: '';
+}
+
+blockquote cite{
+    display:block;
+    color:$dark;
+    font-style: normal;
+    font-weight: bold;
+    margin-top:1em;
+}