[WNMGDS] - Change doc site block quote styling (#525)

* Update blockquote styles * Remove font-size. It's not needed
CMSgov · Oct 29, 2019 · bf8a769 · bf8a769
1 parent e047bc2
commit bf8a769
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/packages/docs/src/styles/base/_typography.scss b/packages/docs/src/styles/base/_typography.scss
@@ -1,8 +1,23 @@
 blockquote {
-  background: $color-primary-alt-lightest;
-  border-left: 2px solid $color-primary-alt-light;
+  background-color: $color-gray-lightest;
+  border-left: 4px solid $color-gray-light;
+  font-family: $font-sans;
+  font-style: italic;
   margin-left: 0;
   padding: $spacer-2;
+  padding-left: $spacer-6;
+  position: relative;
+
+
+  &::before {
+    color:$color-gray-light;
+    content: '\201C';
+    font-family: $font-serif;
+    font-size:4em;
+    left: 10px;
+    position: absolute;
+    top:-10px;
+  }
 
   p:first-child {
     margin-top: 0;