question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Some color classes don't work

See original GitHub issue

I remember it was ok a few days ago, but today I create a new project , the following code doesn’t work any more

vite.config.ts

//...
import WindiCSS from 'vite-plugin-windicss'
export default defineConfig({
   //...
   WindiCSS(),
})

main.ts

import 'windi.css'

App.vue

<h1 class="bg-teal-500 text-orange-500">hello</h1>

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
voorjaarcommented, Mar 3, 2021

What I thought before was that deleting some colors might improve the efficiency of the vscode extension. Since it is still used, I think I can restore this in the next version.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Color classes of Tailwind CSS not working when appended
When we use any classes in tailwind, not all the classes of tailwind is loaded. Tailwind scanned the files and only loads the...
Read more >
CSS classes don't work the way you think they work
CSS classes don't work the way you think they work ... You can use any permutation of blue green red – the text...
Read more >
Content Configuration - Tailwind CSS
Configuring source paths. Tailwind CSS works by scanning all of your HTML, JavaScript components, and any other template files for class names, ...
Read more >
How to Use Color Blind Friendly Palettes to Make Your Charts ...
How does it work? In two ways: Randomize. Don't think twice — roll the dice and generate palettes based on a random color....
Read more >
not() - CSS: Cascading Style Sheets - MDN Web Docs
The :not() CSS pseudo-class represents elements that do not match a ... that don't have a class `.fancy` */ p:not(.fancy) { color: green;...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found