Cacher is the code snippet organizer for pro developers

:host {
    /* ... */
    transition: height 1s var(--transition-curve);

    .name {
        /* ... */
        transition: height 1s var(--transition-curve);
    }
}

:host.active {

    height: var(--album-max-height);

    .name {
        height: calc(var(--album-max-height) * .25);
    }

}