@import "colors.css";

* {
    font-family: FontAwesome, MonaspiceAr Nerd Font Mono, monospace;
    font-size: 13px;
    font-weight: 600;
}

window#waybar {
    all:unset;
}

.modules-left {
    margin: 4px 0px 0px 8px;
    padding: 6px 12px 6px 12px;
    background: alpha(@background, 0.7);
    border-radius: 8px;
}

.modules-center {
    margin: 4px 0px 0px 0px;
    padding: 6px 12px 6px 12px;
    background: alpha(@background, 0.7);
    border-radius: 8px;
}

.modules-right {
    margin: 4px 8px 0px 0px;
    padding: 6px 12px 6px 12px;
    background: alpha(@background, 0.7);
    border-radius: 8px;
}

#workspaces button {
    all: unset;
    padding: 0px 5px;
    transition: all .2s ease;
}

#workspaces button.active {
    color: @tertiary;
}

#workspaces button:hover {
    text-decoration: underline;
    transition: all 1s ease;
}

#network {
    color: @primary;
}

#pulseaudio {
    color: @secondary;
}
