use leptos::ssr::render_to_string;
use leptos::*;
#[component]
pub fn MyUnstyledComponent(cx: Scope) -> impl IntoView {
let class_name = unstyled::style! {"
@keyframes rainbow-text {
0% {
color: hsl(0deg 100% 50%);
}
16% {
color: hsl(60deg 100% 50%);
}
33% {
color: hsl(120deg 100% 50%);
}
50% {
color: hsl(180deg 100% 50%);
}
66% {
color: hsl(240deg 100% 50%);
}
82% {
color: hsl(300deg 100% 50%);
}
100% {
color: hsl(360deg 100% 50%);
}
}
.title {
animation: rainbow-text infinite 2s;
}
"};
view! {cx, class = class_name,
"Style the, cruel, Unstyled world!"