Refactored CSS so icon-slack.svg can use various colors

[piecanoe]

Fixes #5819

What changes did you make?

• added ":not(div.resource-img *" to .icon {}

Why did you make the changes (we will use this info to test)?

• This will allow the icon-slack.svg icons to be displayed in resource cards with their original colors

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b piecanoe-refactor-css-icon-slack.svg-for-colors-5819 gh-pages
git pull https://github.com/piecanoe/website.git refactor-css-icon-slack.svg-for-colors-5819

---

Note that CONTRIBUTING.md cannot previewed locally; rather it should be previewed at this URL:

https://github.com/piecanoe/website/blob/refactor-css-icon-slack.svg-for-colors-5819/CONTRIBUTING.md  

[colin-macrae]

Review ETA: 12/13/23
Availability: 2+ hrs on 12/13, plus 4+ other hrs this week

[MattChau01]

ETA: 12/14
Availability: Weekday evenings

[colin-macrae]

Hi @piecanoe - This looks good, except I don't believe any extra code was supposed to be deleted. That is, the original lines 1-4 should still be there, and only lines 5-10 should be replaced, according to the issue's instructions. Please do let me know if you think I've overlooked anything. Thanks! 😁

[piecanoe]

Hi Colin, thanks for catching this. I will correct this and resubmit.

[piecanoe]

Fixes #5819

What changes did you make?

• Added back the original 1-4 lines:

.svg-sprites {
display: none;
}

Why did you make the changes (we will use this info to test)?

• This was incorrectly removed on the first push

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[MattChau01]

• The branch is going into the correct branch gh-pages. ✅
• The original issue Refactor CSS so icon-slack.svg can be reused with various colors #5819 was properly referenced. ✅
• Per the instructions on the original issue, the specified lines of code were properly updated. ✅

Hi @piecanoe, great work on the PR and responding to @colin-macrae's change request! For future references, you can remove the section for screenshots if the issue doesn't have any frontend/visual changes.

[colin-macrae]

@piecanoe great job, and thanks @MattChau01. The mistaken deletions were re-added and the changes approved.

• The branch is going into the correct branch gh-pages. ✅
• The original issue Refactor CSS so icon-slack.svg can be reused with various colors #5819 was properly referenced. ✅
• Per the instructions on the original issue, the specified lines of code were properly updated. ✅