feat: button icons disabled state

Open arturbien opened this issue 2 years ago • 3 comments

Adds custom SVG filter for the disabled effect used across Win 98.

The filter is applied by default to images inside the <button />.

Filter can also be used on any other element outside the button if needed:

The filter unfortunately can not be inlined inside CSS because for some reason <feFlood /> is not working when inlined. Instead the SVG filter needs to be defined in the DOM, then referenced in CSS.

Mar 25 '23 22:03 arturbien

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
98css	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 25, 2023 at 10:28PM (UTC)

Mar 25 '23 22:03 vercel[bot]

@jdan any thoughts on this PR? ☺️

Mar 31 '23 08:03 arturbien

This looks great! Would you add a comment to the SVG defs so users know that it's important to import them to their markup? If you do that + pull main I think we can merge this.

Sep 21 '23 18:09 chanagaray