Pico Classes

[aleenacares]

Hi !

I'm currently using the following CDN in a TypeScript React implmentation within Vite

<link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.fluid.classless.grey.min.css"
    />

it's the classless version, but I thought that that would only apply to the semantic tags and fluid containers. What i'm finding is that if I try to use other classes on elements, like: outline or pico-color-pink-500 those will also not work.

For example:

<p className="pico-color-pink-500">
              *some sample text here*
</p>

Is there a way to get this to work, or do I have to switch to the non classless version?

[aleenacares]

Ignore !! I was able to figure it out, my understanding of what classless meant was incorrect.

The fix for others interested, was to also add the following to my index file

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.colors.min.css"
>

and to use the class version to get things like contrast and outline