Tailwind, Design Systems and CSS Modules - sgml/signature GitHub Wiki
- https://chromewebstore.google.com/detail/windy/fjidjgneljagnakdcijilikbmgoajeln/related
- https://lifedev-solutions.blogspot.com/2024/08/tailwind-and-flowbite-in-liferay.html
- https://strapi.io/blog/replace-complex-media-queries-with-tailwind-container-queries
- https://www.shortcutfoo.com/app/dojos/tailwind-grid/cheatsheet
- https://daisyui.com/components/toast/
- https://www.techstackk.com/programming/tailwindcss/uninstall-tailwind-css?pid=15
- https://www.youtube.com/watch?v=ghTye3xozOE
- http://styleguides.io/examples
- https://assertible.com/blog/creating-email-templates-with-react-components
- http://engineering.liefery.com/2018/06/27/overriding-styles-with-CSS-modules.html
- https://docs.electrode.io/introduction/electrode-application/whats-inside
- https://news.ycombinator.com/item?id=11856761
- https://www.frontendhandbook.com/tools/css.html
- https://assertible.com/blog/creating-email-templates-with-react-components
- https://survivejs.com/webpack/appendices/css-modules/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tailwind CSS Example</title>
<!-- Load Tailwind CSS from CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<!-- Load Tailwind CSS Themer from CDN -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwindcss-themer.min.js"></script>
</head>
<body>
<div class="p-6 bg-blue-500 text-white">
<h1 class="text-2xl">Hello, Tailwind CSS!</h1>
<p>Welcome to your themed webpage.</p>
</div>
<script>
// Initialize Tailwind CSS Themer
const themes = {
default: {
colors: {
primary: '#1da1f2',
secondary: '#14171a',
},
},
dark: {
colors: {
primary: '#ffffff',
secondary: '#000000',
},
},
};
tailwindCSSThemer(themes);
</script>
</body>
</html>