Updating global selectors to be specific to component.

This commit is contained in:
mike12345567 2021-02-01 13:20:39 +00:00
parent d350dd2c2b
commit 214237aca0
1 changed files with 4 additions and 4 deletions

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>