vueplug-typer
Version:
Vue component that simulates a user typing, selecting, and erasing text.
28 lines (22 loc) • 578 B
text/less
@import "./typer-colors";
.char {
display: inline-block;
white-space: pre-wrap;
}
/* TODO: This can be removed in favor of the ':blank' pseudo-class:
https://drafts.csswg.org/selectors-4/#the-blank-pseudo */
.newline {
display: inline;
}
/* Keep the following .char styles as low-specificity as possible so they are more easily overridden */
.typed {
color: @char-typed-color;
background-color: @char-typed-background-color;
}
.selected {
color: @char-selected-color;
background-color: @char-selected-background-color;
}
.erased {
display: none;
}