@import "/home/niklas/.cache/wal/colors.scss";

$bg: $background;
$fg: $foreground;
$border: $color2;
$text: $color6;
$focus: $color3;

$hight: 1.5rem;

* {
  all: unset;
}

@mixin pill{
  border: 1px solid $border;
  border-radius: 24;;
  padding: 0.1rem 0.5rem;
  margin: 0 0.5rem;
  background-color: $focus;
  min-height: $hight;
}

.pill{
  @include pill;
}

@import "modules/bar/bar.scss";
@import "modules/clock/clock.scss";
@import "modules/playerctl/playerctl.scss";
@import "modules/volume/volume.scss";
@import "modules/workspace/workspace.scss";
@import "modules/notifications/notifications.scss"