add attributes for Fill, Stroke, Width & Height
❓ Type of change 📖 Documentation (updates to the documentation or readme) 👌 Enhancement (improving an existing functionality like performance) ✨ New feature (a non-breaking change that adds functionality) ⚠️ Breaking change (fix or feature that would cause existing functionality to change) 📚 Description
📝 Checklist I have updated the documentation accordingly.
What did I do?
- Add
strokeoverwrite attribute to enable changing SVGstrokecolors - Reverse logic on
fillattribute - you must specifyfillto use the SVG's originalfillcolor - Issue: https://github.com/gitFoxCode/nuxt-icons/issues/4#issue-1271564962 - Add
widthattribute - manually specify width of SVG - Add
heightattribute - manually specify height of SVG - Set SVG
aspect-ratioto1:1 - Switched icon html to enable dynamic centering of icon on both axis
- Updated Documentation to re-shuffle order, add info about sub-folders and provide instructions/examples for attributes
BREAKING CHANGES
Due to the inversion of the fill logic, this may cause some visual changes to icons. - Issue: https://github.com/gitFoxCode/nuxt-icons/issues/4#issue-1271564962
Previous Behavior: if you do not set the fill attribute, the SVG will use it's built in colors
New Behavior: You must explicitly tell the SVG to use it's built in colors
To Fix: remove fill from icons that already have the attribute, and add fill to icons that dont.
+Note: May require some additional CSS wizardry for edge cases*