Closed oezguerisbert closed 5 months ago
If someone wants to spend the time frankensteining this into a working reproduction I'd be stoked. Otherwise there are a lot of other deps and things here and I'm not sure when I'd get around to it.
@oezguerisbert I am not seeing src
directory in your folder structure.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
theme: {
extend: {},
},
darkMode: "class",
plugins: [
// default prefix is "ui"
require("@kobalte/tailwindcss"),
require("@tailwindcss/typography"),
],
};
As you can see here tailwindcss styles are only applied to the files mentioned in content
Sorry if I bring this comment up later than I should've. This issue is not occurring anymore with the latest version.
Duplicates
Latest version
Current behavior π―
I made a small video here, where I showcase the bug I am facing. I have a project that uses the latest version of
@solidjs/start
and@solidjs/router
, and I attach theroot.css
file to theapp.tsx
file, so that the App should be able to use tailwindcss. When I click on a link from theA
(import { A } from "@solidjs/router"
) Component, TailwindCSS is not present anymore.Here is the gist of the file contents. I can't share the full repository due to credentials I have to clean up.
Note: The TailwindCSS example (from the example folder) is working as expected.
I am not sure what causes this bug to occur.
Expected behavior π€
I expected that the assets that are being prefetched are present (such as the tailwindcss from the imported
root.css
).Steps to reproduce πΉ
As annoying as it may sound, you'll have to use the Gist to copy paste the important parts of the project.
Steps:
Context π¦
I would like to have TailwindCSS across every page, without having to refresh the page, I want to have the ability to design the pages and components without constantly refreshing the pages.
Your environment π