Tana - Collapsing Children by abhayprasanna

/* ==UserStyle==
@name           Tana - Collapsing Children
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Subtle emphasis of the set of children that will collapse when you hover over the bullet chevron for an expanded section
@author         Abhay
==/UserStyle== */

@-moz-document domain("app.tana.inc") {
    
    div[class^="Bullet_chevron"]:hover ~ .bulletSide.bulletSideExpanded:after {
        background-color: var(--colorPurple250);
    }
    
    div[class^="Bullet_chevron"]:hover ~ .contentSide.expanded > .expandedNodeContent {
        opacity: 50%;
        transition: opacity 300ms linear;
        transition-delay: 100ms;
        background: var(--colorCanvasBackground);
    }
    
}