@mixin noteHeader() {
    &--header{
        position: relative;
        display: flex;
        transition: all .3s linear;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        svg{
            line-height: 1;
            vertical-align: middle;
        }
        &:before{
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            background-color: rgba(0,0,0,.15);
        }
        &--button{
            cursor:pointer;
            line-height: 30px;
            background: none;
            border:none;
            transition: all .2s linear;
            padding: 5px;
            color: rgba(255,255,255,.75);
            width: 32px;
            &__title{
                flex-grow: 1;
                line-height: 30px;
                text-align: left;
                user-select: none;
                cursor: move;
            }
            &:hover,&:focus{
                background-color: rgba(0,0,0,.25);
                outline: none;
            }
            &:disabled{
                cursor: not-allowed;
            }
        }
    }
}