Open mgrub1 opened 3 years ago
brian-leidos
commented
2 years ago Try:
.nav-icon-box { background: white; color: white; }
bxs-happy or whatever icon
This repo has a really excellent usage of boxicons: https://github.com/samridhiibhardwaj/Responsive-Admin-Dashboard-with-Sidebar
mgrub1
commented
2 years ago Thanks a Lot!
From: Brian @ Leidos @.> Sent: Monday, 22 November 2021 12:30 To: atisawd/boxicons @.> Cc: Gruber Marcus @.>; Author @.> Subject: Re: [atisawd/boxicons] How to apply color via css? [react] (#218)
Try:
.nav-icon-box { background: white; color: white; }
bxs-happy or whatever icon
This repo has a really excellent usage of boxicons: https://github.com/samridhiibhardwaj/Responsive-Admin-Dashboard-with-Sidebarhttps://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fsamridhiibhardwaj%2FResponsive-Admin-Dashboard-with-Sidebar&data=04%7C01%7Cmarcus.gruber%40avocodo.com%7C042cc483047144a68b0308d9adab6601%7C90b4b57e0c794f6b94726930645c7af1%7C0%7C0%7C637731773928192632%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=LmJqFnb0BSAvy0H73KDdlV7YbjHAm5GT778C%2B2sej0M%3D&reserved=0
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fatisawd%2Fboxicons%2Fissues%2F218%23issuecomment-975427020&data=04%7C01%7Cmarcus.gruber%40avocodo.com%7C042cc483047144a68b0308d9adab6601%7C90b4b57e0c794f6b94726930645c7af1%7C0%7C0%7C637731773928192632%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=LDqY7iP4w3Gvmd54IN9S%2FoPRbhq0oV2UGzms32fxaWQ%3D&reserved=0, or unsubscribehttps://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAVNNQHF6MHBG4KE3MCP5WT3UNISS3ANCNFSM5EVLODMQ&data=04%7C01%7Cmarcus.gruber%40avocodo.com%7C042cc483047144a68b0308d9adab6601%7C90b4b57e0c794f6b94726930645c7af1%7C0%7C0%7C637731773928202629%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=pPTdh914uAdR%2F6FWG8XAuKAh0WseA92SkJlLQIcDJ6o%3D&reserved=0. Triage notifications on the go with GitHub Mobile for iOShttps://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fapps.apple.com%2Fapp%2Fapple-store%2Fid1477376905%3Fct%3Dnotification-email%26mt%3D8%26pt%3D524675&data=04%7C01%7Cmarcus.gruber%40avocodo.com%7C042cc483047144a68b0308d9adab6601%7C90b4b57e0c794f6b94726930645c7af1%7C0%7C0%7C637731773928212629%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=jR1yyeMkmtf909x2wKHdzI6G6HQ4gufRhdATK93foM8%3D&reserved=0 or Androidhttps://eur02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.github.android%26referrer%3Dutm_campaign%253Dnotification-email%2526utm_medium%253Demail%2526utm_source%253Dgithub&data=04%7C01%7Cmarcus.gruber%40avocodo.com%7C042cc483047144a68b0308d9adab6601%7C90b4b57e0c794f6b94726930645c7af1%7C0%7C0%7C637731773928212629%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=39oPANAP2wCLrPoxo1VEFQdCtw4f8C47upbuIRD7dZ4%3D&reserved=0.
Diese Nachricht und allfällige angehängte Dokumente sind vertraulich und nur für den/die Adressaten bestimmt. Sollten Sie nicht der beabsichtigte Adressat sein, ist jede Offenlegung, Weiterleitung oder sonstige Verwendung dieser Information nicht gestattet. In diesem Fall bitten wir, den Absender zu verständigen und die Information zu vernichten. Für Übermittlungsfehler oder sonstige Irrtümer bei Übermittlung besteht keine Haftung.
This message and any attached files are confidential and intended solely for the addressee(s). Any publication, transmission or other use of the information by a person or entity other than the intended addressee is prohibited. If you receive this in error please contact the sender and delete the material. The sender does not accept liability for any errors or omissions as a result of the transmission. Please consider your environmental responsibility before printing this e-mail.
It seems to me, that setting a background-color in the css-stylesheet changes the background as expected, whereas when using color, nothing happens at all.
The HTML:
The Stylesheet
(...) .nav-icon-box { background-color: white; // Changes the background-color of the box as expected to white color: white; // Does not change anything }
I would expect to have the icon display in the color-code which has been configured in the stylesheets as the background-color does change accordingly.