
//
// Copyright © 2016-present Pouya Kary. All Rights Reserved
//   Author: Pouya Kary <k@karyfoundation.org>
//
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//

//
// ─── INCLUDES ───────────────────────────────────────────────────────────────────
//

    @import '../globals';

//
// ─── SIZING ─────────────────────────────────────────────────────────────────────
//

    @window-button-size:            10px;
    @window-button-left-base-start: 13px;
    @window-button-left-distance:   20px;

//
// ─── BUTTON BASE ────────────────────────────────────────────────────────────────
//

    .window-button-base {
        position:           fixed;
        top:                13px;
        width:              @window-button-size;
        height:             @window-button-size;
        border-radius:      @window-button-size;
        border:             0.5pt solid rgba( 0, 0, 0, 0.05 );
        background-size:    0 0;
        overflow:           hidden;
    }

//
// ─── BUTTONS ON BLUR ────────────────────────────────────────────────────────────
//

    .window-buttons-blur-mode {
        background-color:       #DEDEDE;
        &.dark {
            background-color:   #1a1a1a;
        }
    }


//
// ─── CLOSE BUTTON ───────────────────────────────────────────────────────────────
//

    #window-button-close {
        .window-button-base;
        left:               @window-button-left-base-start;
        background-image:   url('mac-traffic-close.png');
    }

    .window-button-close-active {
        background-color:   #FF6159;
        border-color:       #F0574F;
    }

    #window-button-close:active {
        background-color:   #BF4943;
        border-color:       #AD3A34;
    }

//
// ─── MINIMIZE BUTTON ────────────────────────────────────────────────────────────
//

    #window-button-minimize {
        .window-button-base;
        left:               @window-button-left-base-start + @window-button-left-distance;
        background-image:   url('mac-traffic-minimize.png');
    }

    .window-button-minimize-active {
        background-color:   #FFC330;
        border-color:       #F1B428;
    }

    #window-button-minimize:active {
        background-color:   #BF9123;
        border-color:       #B5861F;
    }

//
// ─── MAXIMIZE ───────────────────────────────────────────────────────────────────
//

    #window-button-maximize {
        .window-button-base;
        left:               @window-button-left-base-start + 2 * @window-button-left-distance;
        background-image:   url('mac-traffic-expand.png');
    }

    .window-button-maximize-active {
        background-color:   #29CD42;
        border-color:       #16BE2F;
    }

    #window-button-maximize:active {
        background-color:   #1F9D33;
        border-color:       #258E30;
    }

// ────────────────────────────────────────────────────────────────────────────────
