Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

tailwind ring styles seems to be broken #95

Open
Wanderwichtl opened this issue Nov 14, 2022 · 1 comment
Open

tailwind ring styles seems to be broken #95

Wanderwichtl opened this issue Nov 14, 2022 · 1 comment
Labels
bug Something isn't working contribution welcome An extra hand is needed good first issue Good for newcomers

Comments

@Wanderwichtl
Copy link

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
Copy link
Owner

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.

@green-coder green-coder added bug Something isn't working contribution welcome An extra hand is needed good first issue Good for newcomers labels Nov 15, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working contribution welcome An extra hand is needed good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

2 participants