NSTitlebar.scss

/**************************************
WINDOW
***************************************/
#titlebar {
    -webkit-user-select: none;
    -webkit-app-region: drag;
    padding: 10px;
    border-bottom: 1px solid #292929;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    color: #ffffff;
    text-shadow: 0 -1px 0px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1001;
    background-image: -webkit-linear-gradient(top, rgb(100, 102, 99), rgb(76, 76, 76));


    .controls {
        -webkit-app-region: no-drag;
        position: absolute;
        
        .btn {
            float: left;
            height: 13px;
            width: 13px;
            margin-right: 8px;
            background-size: 70px;
            background-image: url(assets/TrafficLights@2x.png);
            
            &:active {
                background-image: url(assets/TrafficLightsDark@2x.png);   
            }
            
            &.close {
                background-position: 0 0;
                &:hover {
                    background-position: 0 109px;   
                }
            }
            
            &.min {
                background-position: 121px 0;
                &:hover {
                    background-position: 121px 109px;   
                }
            }
            
            &.max {
                background-position: 102px 0;
                &:hover {
                    background-position: 102px 109px;   
                }
            }
        }
    }
    
    .title {
        text-align: center;
    }
}