blockquote.scss in jekyll-theme-pirati-6.0.0

- old
+ new
@@ -1,51 +1,83 @@
 .c-blockquote {
   font-size: 1.45rem;
-  font-weight: 300;
   font-style: italic;
   color: $dark-gray;
 
-  margin: 0 0 1rem;
-  padding: 0.5625rem 1.25rem 0 0;
+  padding: 1rem 0 0;
+  margin: 0 0 2rem;
   border-left: 0;
 
   @include breakpoint(medium down) {
     br {
       display: none;
     }
   }
 }
 
 .c-blockquote--wicon {
-  padding-top: 4.35rem;
-  position: relative;
+  padding-top: 3rem;
 
-  &:before {
+  &:before,
+  p:last-of-type:after {
     line-height: 1;
-    content: '\f10e';
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    font-family: 'FontAwesome';
-    font-size: 4rem;
-    opacity: 0.15;
+    opacity: 0.2;
+    font-size: 12rem;
+    height: 55px;
+    font-family: #{getHeaderSettings(family, super)};
+    font-weight: getHeaderSettings(weight, super);
     font-style: normal;
   }
 
-  @include breakpoint(medium down) {
-    padding-top: 0.5625rem;
+  &:before {
+    content: '“';
+    float: left;
+    margin-left: -7px;
+    margin-top: -1.5rem;
+    padding-right: 1rem;
+  }
 
+  p:last-of-type:after {
+    content: '”';
+    float: right;
+    margin-right: -7px;
+    margin-top: .5rem;
+    padding-left: 1rem;
+  }
+
+  // override foundation
+  cite {
+    font-size: 1em;
+
     &:before {
-      left: 0;
-      top: 0;
+      display: none;
     }
   }
 
-  @include breakpoint(mobile down) {
-    padding-left: 0;
-    padding-top: 2.5rem;
+  @include breakpoint(medium down) {
+    padding-top: 1rem;
+
+    &:before,
+    p:last-of-type:after {
+      font-size: 8rem;
+      height: 40px;
+    }
+
     &:before {
-      font-size: 2.5rem;
+      margin-top: -0.5rem;
+      margin-left: -5px;
     }
+
+    p:last-of-type:after {
+      margin-right: -5px;
+      margin-top: .2rem;
+    }
   }
+
+  // @include breakpoint(mobile down) {
+  //   padding-left: 0;
+  //   padding-top: 2.5rem;
+  //   &:before {
+  //     font-size: 2.5rem;
+  //   }
+  // }
 }