Skip to content

[data-icon] fill or color doesn't work! #267

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

Open
developerxpe opened this issue Mar 9, 2025 · 1 comment
Open

[data-icon] fill or color doesn't work! #267

developerxpe opened this issue Mar 9, 2025 · 1 comment

Comments

@developerxpe
Copy link

developerxpe commented Mar 9, 2025

What version of astro-icon are you using?

1.1.5

Astro Info

$ astro info
Astro                    v5.4.1
Node                     v20.9.0
System                   Windows (x64)
Package Manager          yarn
Output                   static
Adapter                  none
Integrations             astro-icon

yarn list v1.22.22
warning Filtering by arguments is deprecated. Please use the pattern option instead.
└─ [email protected]
Done in 1.01s.

If this issue only occurs in one browser, which browser is a problem?

N/A

Describe the Bug

[data-icon], [data-color="name"] fill or color doesnt work properly I cant change color of svgs
css

Image

Image

variables also doesn't work

I have to write

#myID svg {
fill: color;
}

it just work only like this

What's the expected result?

#myId [data-icon] {
fill: myColor;
}

Link to Minimal Reproducible Example

@developerxpe
Copy link
Author

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant