1
0
Fork 0
mirror of synced 2024-07-02 13:01:09 +12:00

Updating global selectors to be specific to component.

This commit is contained in:
mike12345567 2021-02-01 13:20:39 +00:00
parent 17ad4577f6
commit 006cae56ab

View file

@ -92,7 +92,7 @@
<li on:click={() => addToText(helper.text)}>
<div>
<Label extraSmall>{helper.displayText}</Label>
<div class="helper-description">{@html helper.description}</div>
<div class="description">{@html helper.description}</div>
</div>
</li>
{/each}
@ -184,15 +184,15 @@
text-decoration: underline;
}
:global(.helper-description p) {
.description :global(p) {
color: var(--grey-7);
}
:global(.helper-description p:hover) {
.description :global(p:hover) {
color: var(--ink);
}
:global(.helper-description p a) {
.description :global(p a) {
color: var(--grey-7);
}
</style>