Hi
I am trying to spin a chip icon and if the size is less than 36 pixels, the rotation is not concentric. Is it possible to achieve a concentric rotation with a size of 20 pixels?
type: custom:stack-in-card
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:fan
entity: fan.lavabo_gran
icon_color: |2
{% if is_state(entity, 'on') %}
#2196f3
{% else %}
#9e9e9e
{% endif %}
tap_action:
action: toggle
hold_action:
action: more-info
card_mod:
style: |2
ha-card {
{% if is_state('fan.lavabo_gran', 'on') %}
animation: spin 0.8s linear infinite;
{% endif %}
--chip-background: none;
{% if is_state('input_boolean.automation_lavabo_triggered', 'on') %}
--chip-border-color: rgba(33, 150, 243, 1);
{% else %}
--chip-border-color: transparent;
{% endif %}
}
card_mod:
style: |2
ha-card {
position: absolute;
--chip-padding: 0px;
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0px;
--chip-border-width: 0px;
--chip-icon-size: 20px;
top: 30px;
right: 110px;
z-index: 1;
}
card_mod:
style: |2
ha-card {
height: 100px;
}