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

Share your Projects!
,
1295 
- type: custom:vertical-stack-in-card
  horizontal: true
  cards:
    - type: custom:mushroom-template-card
      entity: switch.radiator_light_strip
      layout: vertical
      icon: |-

        {% if is_state('switch.radiator_light_strip', 'on') %}

          mdi:lightbulb-group

        {% else %}

          mdi:lightbulb-group-off

        {% endif %}
      icon_color: |-

        {% if is_state('switch.radiator_light_strip', 'on') %}

          yellow

        {%else%}
          transparent

        {% endif %}
      card_mod: null
      style: |
        ha-card {
          box-shadow: 0px 0px;
          }  
    - type: custom:mushroom-template-card
      entity: null
      layout: vertical
      icon: |-

        {% if is_state('binary_sensor.', 'on')%}

          mdi:motion-sensor

        {% else %}

          mdi:motion-sensor-off

        {% endif %}
      icon_color: |-

        {% if is_state('binary_sensor.','on')%}

          red

        {%else%}
          transparent

        {% endif %}
      card_mod: null
      style: |
        ha-card {
            box-shadow: 0px 0px;
            }
        mushroom-shape-icon {
          animation: blink 1s linear infinite;
        }
        @keyframes blink {
          50% {opacity: 0;}
        }