Question

1. How do you set a border around a T-bootstrap icon? The css border property creates a square and doesn’t trace the icon.

2. What is the best way to change the color of the icon if the action’s already been done in Rails? For example, I have a star icon for “bookmark,” and it’s light grey(although I want it to be white with black border) normally, and turns orange with the :hover css property. If I want to make the icon permanently orange if the user has already bookmarked it, would I use css or ruby to determine the color?

Answer 1

For 1. CSS does not povide shadows or outlines for image pixell, only boxes (thus box-shadow).

Preprocess icon images on the server side using a script + some image library.

1. CSS is the best way to change item colors. Just add a custom icon class, like icon-orange, and then use this CSS icon class instead of standard one.

(Again, preprocessing icons to yellow versions most likely needed).