The code and data behind xeiaso.net
lume: add PullQuote
Signed-off-by: Xe Iaso <me@xeiaso.net>
+9
+2
lume/_config.ts
+2
lume/_config.ts
···
25
25
import Figure from "./src/_components/Figure.tsx";
26
26
import LoadingSpinner from "./src/_components/LoadingSpinner.jsx";
27
27
import IntercomButton from "./src/_components/IntercomButton.jsx";
28
+
import PullQuote from "./src/_components/PullQuote.jsx";
28
29
import TecharoDisclaimer from "./src/_components/TecharoDisclaimer.jsx";
29
30
import XeblogConv from "./src/_components/XeblogConv.tsx";
30
31
import XeblogHero from "./src/_components/XeblogHero.tsx";
···
132
133
"XeblogHero": XeblogHero,
133
134
"Picture": XeblogPicture,
134
135
"XeblogPicture": XeblogPicture,
136
+
"PullQuote": PullQuote,
135
137
"Slide": XeblogSlide,
136
138
"XeblogSlide": XeblogSlide,
137
139
"Sticker": XeblogSticker,
+7
lume/src/_components/PullQuote.jsx
+7
lume/src/_components/PullQuote.jsx
···
1
+
export default function PullQuote({ children }) {
2
+
return (
3
+
<blockquote className="border-l-4 border-blue-500 dark:border-blue-300 p-4 my-6 italic bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-100 text-lg">
4
+
<p className="m-0">{children}</p>
5
+
</blockquote>
6
+
);
7
+
}