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