@mixin budgie_menubar($menu, $arrow, $item, $accelerator) {
    @extend %menu;
    #{$menu} {
        margin: 4px;
        padding: 5px;
        border-radius: 0;
        background-color: $panel_bg;

        #{$item}:hover {
            background-color: $selected_bg_color;
            color: $fg_color;
        }
    }
    #{$arrow} {
        border:none;

        &.top {
            -gtk-icon-source:-gtk-icontheme("pan-up-symbolic");
            border-bottom: 1px solid mix($fg_color, $raven_bg, 10%);
        }

        &.bottom {
            -gtk-icon-source:-gtk-icontheme("pan-down-symbolic");
            border-top: 1px solid mix($fg_color, $raven_bg, 10%);
        }
    }
    #{$item} {
        #{$accelerator} {
            color: transparentize($fg_color, 0.65);
        }
    }
}
