great!
style:
'.box div:nth-child(3)':
'div:nth-child(1)':
ha-icon-button:
$:
mwc-icon-button:
$: |
.mdc-icon-button {
animation: rotation 2s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
'div:nth-child(2)':
ha-icon-button:
$:
mwc-icon-button:
$: |
.mdc-icon-button {
animation: rotation 0.5s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}
shows as:
one more styling wish would be to combine this with state dependency:
on: rotation on, color blue
off: no rotation, color grey
Can we combine those in the styling mod?