-
Notifications
You must be signed in to change notification settings - Fork 13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I can't use the function twice #17
Comments
@pisteuralpin Could you create a reproducible example of this online (maybe codepen.io) where I can troubleshoot the issue? |
You need to use a different 'name' , .my-typed {
padding: 0 0 0 3px;
background-color:blue;
&::before { font-weight: 400; }
@include typed(
"Happy",
"Angry"
( type: .07,pause-typed: 2,delete: .08,pause-deleted: 1),
(
name: "my-typewriter-9999",
caret: true,caret-speed: .75,caret-width: 2px,caret-color: currentColor,caret-space: .1ch,
delay: 1,iterations: infinite,
)
);
}
.my-typed2 {
padding: 0 0 0 3px;
background-color:blue;
&::before { font-weight: 400; }
@include typed(
"Happy2",
"Angry2"
( type: .07,pause-typed: 2,delete: .08,pause-deleted: 1),
(
name: "my-typewriter-9999-2",
caret: true,caret-speed: .75,caret-width: 2px,caret-color: currentColor,caret-space: .1ch,
delay: 1,iterations: infinite,
)
);
} |
Theoretically, you should be able to use this package as much as you want without ever using a name, since it should automatically iterate the index with each instance. The only caveat to this, is it likely resets between different files, so if you're using this on two different SCSS sheets, they both get pulled onto the same page, you may have conflicting names. @pisteuralpin could you please try the suggested solution from @HansKing98 above, and let me know if it works. If it does, this might be a bug in the package I need to resolve. Let me know what you find, and maybe we can investigate this together. |
Hey @HansKing98, thank you it seems to work. |
@pisteuralpin glad it worked! Could you drop me an email address or some other mode of contact I can reach you at, so we can set up a call to diagnose and resolve the root issue? |
I'm using the function like this but for both the displayed text is "••••••••••••••••••••"
The text was updated successfully, but these errors were encountered: