// Panel
@mixin budgie_panel($button, $separator, $color) {
    @extend %widgets;
    color: $fg_color;
    background-color: $panel_bg;
    background-image: none;
    box-shadow: none;
    border: none;
    transition: all 150ms ease-in;

    #{$button} {
      border: none;
      border-radius: 0;
    }

    &.transparent {
        background-color: transparent;
    }

    #{$separator} { #{$color}: transparentize($fg_color, 0.85) }

    .budgie-clock-applet label {
        padding: 0 3px;
        font-weight: bold;
    }

    .battery-icon label {
        font-weight: bold;
    }

    button.image-button {
        padding: 0 2px;
        background: none;
        border-radius: 0;
        transition: background-color 170ms ease-out;

        &:hover { background-color: transparentize(white, 0.9); }
        &:active {
            color: $selected_fg_color;
            background-color: $selected_bg_color;
        }
    }
}
