tabby/app/src/components/hotkeyInput.less

.button-states() {
    transition: 0.125s all;

    &:hover:not(.active) {
        background: rgba(255, 255, 255, .033);
    }

    &:active:not(.active) {
        background: rgba(0, 0, 0, .1);
    }
}

:host {
    display: inline-block;
    padding: 5px 10px;

    .stroke {
        display: inline-block;
        margin-right: 5px;

        .key-container {
            display: inline-block;

            .key {
                display: inline-block;
                padding: 4px 5px;
                background: #333;
                text-shadow: 0 1px 0 rgba(0,0,0,.5);
            }

            .plus {
                display: inline-block;
                margin: 0 5px;
            }
        }
    }

    .button-states();
}