feat(blog): pyos ff

Author: lwasser

_posts/2019-10-26-pyos-min-mistakes-theme.md

@@ -188,6 +188,34 @@ The image below should extend outside of the parent container on right.
 {: .highlight-quote }
 
 
+### Fancy blockquote magenta & purple variants
+
+```markdown
+> This entire effort underscores the power of community when guided in
+> the right direction, showcasing how collective effort can drive
+> meaningful progress.
+{: .highlight-quote .magenta }
+```
+
+> This entire effort underscores the power of community when guided in
+> the right direction, showcasing how collective effort can drive
+> meaningful progress.
+{: .highlight-quote .magenta }
+
+
+```markdown
+> This entire effort underscores the power of community when guided in
+> the right direction, showcasing how collective effort can drive
+> meaningful progress.
+{: .highlight-quote .purple }
+```
+
+> This entire effort underscores the power of community when guided in
+> the right direction, showcasing how collective effort can drive
+> meaningful progress.
+{: .highlight-quote .purple }
+
+
 ### Quotes using include files
 
 You can also create blockquotes using include files.

_posts/2024-11-22-pyOpenSci-first-open-science-festival.md

@@ -188,27 +188,37 @@ blockquote.highlight-quote {
   }
 
   &.magenta {
-    & > div.end:after,
+    div.end:after,
     p:before,
     p:after {
+      @extend %quote-style;
       color: $pyos-magenta;
     }
   }
 
   &.purple {
-    & > div.end:after,
+    div.end:after,
     p:before,
     p:after {
       color: $pyos-mediumpurple;
     }
   }
 
+
   @include breakpoint('max-width: #$mobile') {
     padding: 0;
     //font-size: 2rem;
   }
 }
 
+// for some reason i have to manually override here
+blockquote.highlight-quote.magenta:after{
+    color: $pyos-magenta;
+    }
+blockquote.highlight-quote.purple:after{
+    color: $pyos-mediumpurple;
+    }
+
 /* links */
 
 a {