Asciidoctor :: Discussion

Tip Admonition Icon has Yellowish Shadow [SOLVED]

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

3 messages Options

TheMagician

Tip Admonition Icon has Yellowish Shadow [SOLVED]

This post was updated on .

When I use Font Awesome as a source for the admonition icons then the tip admonition icon always has a slightly yellow shadow whereas all the other admonition icons have grey shadows.

This behavior persists even if I use custom CSS in a docinfo file:

.admonitionblock td.icon .icon-tip::before {
content: "\f0eb";
color:black;
}

Is this the intended behavior?

mojavelinux

Re: Tip Admonition Icon has Yellowish Shadow

Administrator

Yes, this is by design.

If you want to modify it, you need to override the following CSS:

.admonitionblock td.icon .icon-tip::before{

content: "\f0eb";

text-shadow: 1px 1px 2px rgba(155,155,0,.8);

color: #111

}

It's the text-shadow property you want to change.

Best,

-Dan

On Wed, Oct 9, 2019 at 5:21 AM TheMagician [via Asciidoctor :: Discussion] <[hidden email]> wrote:

When I use Font Awesome as a source for the admonition icons then the tip admonition icon always has a slightly yellow shadow whereas all the other admonition icons have grey shadows.

This behavior persists even if I use custom CSS in a docinfo file:

.admonitionblock td.icon .icon-tip::before {
content: "\f0eb";
color:black;
}

Is this the intended behavior?

If you reply to this email, your message will be added to the discussion below:
https://discuss.asciidoctor.org/Tip-Admonition-Icon-has-Yellowish-Shadow-tp7201.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

Dan Allen | @mojavelinux | https://twitter.com/mojavelinux

TheMagician

Re: Tip Admonition Icon has Yellowish Shadow

Thank you very much. Changing the text-shadow property works!

For others looking to unify the shadow color of the admonition icons: The grey value of the shadow used in the default CSS is rgba(0,0,0,.5).