import typography from '@tailwindcss/typography'; import remark from 'remark'; export default { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}"], darkMode: "class", theme: { extend: {}, s...
AstroWindis a free and open-source template to make your website usingAstro 5.0+Tailwind CSS. Ready to start a new project and designed taking into account web best practices. ✅Production-readyscores inPageSpeed Insightsreports. ✅ Integration withTailwind CSSsupportingDark modeandRTL. ...
/** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}" ], prefix: "", theme: { container: { center: 'true', padding: '2rem', screens: { '2xl': '1400px' } }, exte...
很好,现在把 isDark 输出到页面能看到响应式数据已经变了,但是并没有触发 tailwind 切换到 dark theme,已经开始头大了 让我们翻翻 tailwind 文档 会发现他是通过查询 prefers-color-scheme 的css 属性来判断当前主题,如果我们需要手动切换的话就需要: // tailwind.config.mjs /** @type {import('tailwindcss')....
This plugin should work well with regular CSS as well as Tailwind CSS. You can style the dark mode using dark: modifier to add custom icon based on the chosen theme. Make sure you change the darkMode to class to make this work.
Markup Languages and CSS: Tailwind CSS configuration, an option to configure HTML code completion, the ability to reformat tables in Markdown files, and more. New UI: vertical split for tool windows,Compact Mode,project tabs on macOS, redesignedRunwidget, and more. ...
Special offer for early adopters of Vue Designer Take advantage of our time-limited launch offer withhalf off the regular priceandfree premium add-onsfor Tailwind CSS and Vuetify. And you get to keep this promotional price and add-ons for as long as your plan is active, not only for the...
An Astro + Tailwind CSS example/template for landing pages. Features 💨 Tailwind CSS for styling 🎨 Themeable CSS variables are defined insrc/styles/theme.cssand mapped to Tailwind classes (tailwind.config.cjs) 🌙 Dark mode 📱 Responsive (layout, images, typography) ...
Tailwind CSS IntelliSense. Astro. Fork or use this template Install dependencies: pnpm install Run the development server: pnpm run dev 📄 Adding a post Adding a post is as simple as adding a .md or .mdx file to the blog folder at the path src/content/posts. 🧞 Commands All co...
📚 Openblog is an elegant, simple, and user-friendly blog. Focused on accessibility, SEO and performance. - astro-blog-template/tailwind.config.cjs at 0062086c7c2e9faafbf742ff338481b472a096f6 · kleczeks/astro-blog-template