added blockquote styles

1 files changed, 35 insertions, 0 deletions

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 0ae77a3..965fe17 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -68,6 +68,41 @@ object, embed, video {
     max-width: 100%;
     height: auto;
 }
+blockquote {
+    @include fontsize(18);
+    display: block;
+    border-top: 4px solid lighten($body_font_light, 20);
+    border-bottom: 4px solid lighten($body_font_light, 20);
+    padding: 1.5em 0 0.5em;
+    margin: 1.5em 0;
+    position: relative;
+    text-align: left;
+    cite {
+      display: block;
+      text-align: right;
+    }
+    @include breakpoint(alpha){
+        @include fontsize(20);
+        line-height: 1.5;
+    }
+    @include breakpoint(beta){
+        @include fontsize(22);
+        line-height: 1.6;
+    }
+}
+blockquote:before {
+    @include fancy_sans;
+    @include fontsize(68);
+    content: '\201C';
+    position: absolute;
+    top: -1rem;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 3rem;
+    height: 2rem;
+    color: #666;
+    text-align: center;
+}
 hr {
     border: 0; 
     height: 1px;