search

lumeland / lume

🔥 Static site generator for Deno 🦕
https://lume.land
MIT License
1.75k stars 74 forks source link

How to use "lume-code" and "Tip caution..." in "tailwind typography" #613

Closed iStudyMen closed 3 weeks ago

iStudyMen commented 4 weeks ago

Enter your suggestions in details:

lume-code and Tip caution... is very cool , but I can't use that in "tailwind typography"。 捕4获 捕获

oscarotero commented 4 weeks ago

Captions and lume-core are not part of Lume. They have been created specifically for their use cases.

Captions are generated with this plugin for markdown-it: https://www.npmjs.com/package/@mdit/plugin-alert and the styles are applied here: https://github.com/lumeland/ds/blob/main/src/components/body.css#L65-L116

I don't know if tailwind has a plugin for that, but you can copy/paste these styles (or create others by your own) if you want.

lume-code is a web component I created for lume.land site. The css code is here https://github.com/lumeland/lume.land/blob/main/_includes/styles/components/code.css and I have a processor to change the HTML code in the build here https://github.com/lumeland/lume.land/blob/main/_config.ts#L66

iStudyMen commented 3 weeks ago

好的，我已经解决了这个问题，在我的Blog Theme新版本中。