Hello everyone. I have a mushroom cover card where i want to apply styling to both the text and the buttons. The following two chunks work when used separately but for the life of me i cannot seem to combine them.
It seems that if i could rewrite the second one without using the | character these two could be combined but i have not managed to find a way to do so… not event the allmighty GPT can give me a working answer.
I am not a programmer so i mainly rely on searching and trial and error so any help would be appreciated
card_mod:
style:
mushroom-cover-buttons-control$:
mushroom-button:nth-child(1)$: |
.button ::slotted(*) {
--card-mod-icon: mdi:arrow-up;
--card-mod-icon-color: orange;
}
mushroom-button:nth-child(2)$: |
.button ::slotted(*) {
--card-mod-icon: mdi:arrow-down;
--card-mod-icon-color: orange;
}
mushroom-button$: |
.button ::slotted(*) {
--card-mod-icon-color: orange;
}
and…
card_mod:
style: |
ha-card {
background-color: rgba(7, 103, 215, 0.1);
--card-primary-color: white !important;
--card-secondary-color: white !important;
}