Looking to spice up my website with a typer animation using: https://github.com/cngu/vue-typer
The issue arises when the text remains black on GitHub Pages, despite applying style rules that work locally with deep selectors.
Following the documentation, I tried styling it like this:
.vue-typer .custom.char.typed {
color: #fff;
}
Unfortunately, this did not have any effect.
In attempts to solve the problem, I added:
::v-deep .typed {
color: #fff;
}
/deep/ .typed {
color: #fff;
}
>>> .typed {
color: #fff;
}
I tested these methods both together and separately, but the text continued to display in black on GitHub Pages.
This is a snippet of my page template:
<template>
<div>
<section>
<article>
<div>
<p>
<vue-typer>
Any suggestions on how to resolve this issue?