Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 2)

Share your Projects! Dashboards & Frontend
1641

This will fix the issue

type: custom:mushroom-template-card
primary: Fireplace
secondary: Heat is on
icon: mdi:radiator
icon_color: red
card_mod:
  style:
    mushroom-shape-icon$: |
      .shape {
        --shape-animation: ping 2s infinite;
       }
      @keyframes ping {
        0% { box-shadow: 0 0 0 0 rgba(var(--rgb-red), 0.7);}
        70% { box-shadow: 0 0 0 10px transparent;}
        100% {box-shadow: 0 0 0 0 transparent;}
             } 
    .: |          
       ha-state-icon {
         animation:  fire 2s alternate infinite;}
       @keyframes fire {
         0%, 100% { clip-path: inset(50% 0 0 0); }
         0% { clip-path: inset(0 0 0 0 ); }
          }