From 2467898f2692be2a99f040f7b6d665a5bd69e4c0 Mon Sep 17 00:00:00 2001
From: Ned Palacios <npdoesmc@gmail.com>
Date: Sun, 31 Mar 2024 10:31:59 +0800
Subject: [PATCH] fix: tweak blockquote styling

---
 resources/assets/gridicons_quote.png | Bin 0 -> 1498 bytes
 tailwind.config.cjs                  |  45 +++++++++++++++++++++++++--
 2 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 resources/assets/gridicons_quote.png

diff --git a/resources/assets/gridicons_quote.png b/resources/assets/gridicons_quote.png
new file mode 100644
index 0000000000000000000000000000000000000000..f290722c71dcdbb69d5e93b9856da1e6ee473ea9
GIT binary patch
literal 1498
zcmV<01tt24P)<h;3K|Lk000e1NJLTq003S9003SH1^@s6s?wuw00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1#d}2K~#7F?VJg7
z(?AS`Uy~57azlp#Gw}a^6-Oy|VK@quhM*VA)O2!crFF~boACr_ainKiyQ`HABuSDa
zNs=T<k|arzBuSDaNs=T<k|h5H)9Lh@98csJqG!a0ksLd6+(ZCdI0J}t7v*C|4hnuG
z$7pM7>p6Nt?71%=SLFC1$0a$Qi9HiI(!22D<URSghQ`SjUV!i7?0Zy%cbt6C9$x(4
zoga<GmZxx}H{mtPcjcJqaT-S2OL6!oDj@dI7TR<)=g01WFhCDzWIaUV<f2=ccfc-!
zVE}Mk!AY8%2W`Br!Qw)7;W=Q*#~u8eS{5;p-@l6><lM~Tytt=R%RF2Ip{npJZs&P0
z(ypjL-nQ`K?`&Yp%pR{ms3yD^%+xZ%;?%N;V>APvr!73+HZ~KTxCKHL;Z<}F<kl(K
zM9<-2OFLEk1sg7b5H7qp`Us8at8(ZfIOy?Cd51#8mRo32omF(|HJ0Ne3K<~~9Y{+e
zom0y9GL8F;LNq<xmg75YTtIWdUU)2~!shXMOVe13k&G+`#lASXX&#<uOS@*Uo{Ir+
zAhvvh6Cn|=(bX=wH-)KX3a7|o%>~Vx!D0(xYT5G$fG+OBcj_({M`vS>IJpNu+7f^T
zioWkHI*AxuH=P@I8H$rH;DpZA8C;fuJxp}sD!e*sg?ZF1()G?`X~L4OXv>Ev(TR7&
zTOH+iu;*NQ<qXCm9LJb%V#^l<;wHRK9WBDq(J!9SrO|F(U9trH2En)pua5Gt2p{1n
zgTOLh=f!dxW0v6+@t0u}o%8%xa72S(3>!Zq^LiIA;jI<BU*hN?e7OO8w1=mdmSW*`
zQ^T@LG|TPq=Q?aui+17>@pROh+g*j%Ag~m`n4UhMA|Aq9SHIR`)iPLPw+KH7NO{Y@
z5Cv$2S>T`=k!GxWqSiW&nbL^o3eOT@!+<oyF~jQ5H&n($cneebW6kf@(sdENw09t8
zAAmt%t^J=n;obU79Jl}*)-A~*%=LKP>^O#zIV;Rb;mpDsxfGtA1N?KhS(cq+X8%@E
zvJukm6j@*{eu#f_@=%;-)N+RLRgS|-?R&gfT<u=PN%RlYp4Qg4-nN)?txhG`!W@ww
zhd8NPuC=hyHoT~n=UC7E#;bJQ*WkJeI!8yhwcOk{?FD`8)w_RIg>T_)emUyl00X=L
z_u;@<7oJf3yVEo9ln9zJU{J7P|4WJR9BgWd!2#E`f3g6k!Q#f%65(k;XeU|+M%wm@
z-wB)g&0$&^^=9F9bg#MiI9}mwO<S1j`w?EL?d-DJ5K~{xF{|iqFEzB<j*YTxFO~KE
zTB(l|l}k#6uN`Fzze~#vHEo%cJQG!FD7$B^rQrx_roN)mc9HNpz*?L9BjAR{d03mc
z7+LccU$t&HfW4<?Q&{IRPhmX-qqDWr&C<P5y#v3Z4ug_{S+Vf?<uz_`o`0Q9X^uNJ
zqP}Rs<|Wo!#78~PzjC8Qo06iZxzw#_v))B`je4e>$lA@}2Ay7P#fyx3=J)=ECnCy$
z_c=Ron{n+IIA|bn10_QI**gzP+x@&n+K0chrv7>D+li>4Uh-%wcNJbE?HT;Ur)U$a
zqw@dQ0)7NP@n<g$f&(GXx$36H1O2OY%EjgQp+|J-%PY8<ZS7)keeRZoz9>i^Mr)so
zTK599kFCG+Z1WRac+Oot|GFIm{9OhBpNV=6N2<J`NiP65GTO(|yS4n0+A-9B`{elq
z^&DFm2yExLsNdJx^1EXT?c~Mby5Ye4ePlr8S7T`k;tZv2-ypM&g4%7;YENs+xN8fV
zhZL%}^(9G?BuSDaNs=T<k|arzBuSDaNpkM^0}X}SB5HM|od5s;07*qoM6N<$f{7U1
AcmMzZ

literal 0
HcmV?d00001

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 82d9380..26a3348 100755
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -20,9 +20,9 @@ export default {
           css: {
             color: theme('colors.white'),
             a: {
-              color: theme('colors.blue.400'),
+              color: 'rgb(113, 180, 6)',
               '&:hover': {
-                color: theme('colors.blue.600'),
+                color: 'rgb(113, 180, 6)',
               },
             },
             h1: {
@@ -39,8 +39,49 @@ export default {
             },
             strong: {
                 color: theme('colors.white'),
+            },
+            blockquote: {
+                color: theme('colors.white'),
+                paddingInlineStart: 0,
+                borderRadius: theme('borderRadius.lg'),
+                margin: 0,
+                padding: theme('spacing.3') + ' ' + theme('spacing.6'),
+                background: 'rgba(255, 255, 255, 0.04)',
+                border: 0,
+                position: 'relative',
+                fontStyle: 'normal',
+                '&:before': {
+                    content: '""',
+                    position: 'absolute',
+                    inset: 0,
+                    padding: '2px',
+                    borderRadius: theme('borderRadius.lg'),
+                    background: 'linear-gradient(to bottom, rgb(255,221,0), rgba(113, 180, 6, 0.78) 22.5%, rgba(113, 180, 6, 0))',
+                    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',
+                    maskComposite: 'exclude',
+                    '-webkit-mask': 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',
+                    '-webkit-mask-composite': 'xor',
+                },
+                '&:after': {
+                    content: '""',
+                    position: 'absolute',
+                    inset: 0,
+                    width: '100%',
+                    height: '100%',
+                    backgroundRepeat: 'no-repeat',
+                    backgroundPosition: '2% 0%',
+                    backgroundImage: 'url(../assets/gridicons_quote.png)',
+                },
             }
           }
+        },
+        lg: {
+            css: {
+                blockquote: {
+                    paddingInlineStart: 0,
+                    padding: theme('spacing.6') + ' ' + theme('spacing.12'),
+                }
+            }
         }
       })
     },