search

green-coder / girouette

Grammar-based, generative approach to CSS.
MIT License
204 stars 18 forks source link

tailwind ring styles seems to be broken #95

Open Wanderwichtl opened 1 year ago

Wanderwichtl commented 1 year ago

Hello,

I am having some problems with the tailwind ring styles. The created styles result in the browser to box-shadow: none, since they are somehow invalid.
With the classes :ring-1 :ring-white that results in:

box-shadow: var(--gi-ring-inset) 0 0 0 calc(1px + var(--gi-ring-offset-width)) var(--gi-ring-color);
--gi-ring-color: rgba(255,255,255,var(--gi-ring-opacity));

I tried to overwrite the rule, but still could not get it up and running. Has someone an idea of how to solve this?

I would be glad for any help or advice Alex

green-coder commented 1 year ago

I can reproduce the bug, it comes from the documentation at https://tailwindcss.com/docs/ring-width being wrong.

When I inspect that page with the browser's devtool, I see a different definition for ring-2 for example.

image

I will try to find the time to fix it this weekend.