@import "colors.rasi"

window {
	width: 336px;
	border-radius: 0;
	border: 0;
	padding: 0;
	background-color: @background;
	children: [ horibox ];
}

horibox {
	orientation: horizontal;
	children: [listview];
	padding: 10;
	background-color: @background;
}


listview {
	cycle: true;
	dynamic: true;
	scrollbar: false;
	layout: horizontal;
	spacing: 15;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color:  @background;
}

element {
	background-color: @background-alt;
	text-color: @foreground;
	padding: 34;
	border-radius: 0;
}

element-text {
	font: "JetBrainsMono Nerd Font 34";
	background-color: inherit;
	text-color: inherit;
	expand: true;
	horizontal-align: 0.5;
	vertical-align: 0.6;
}

element.selected.normal {
	background-color: @accent;
	text-color: @background;
}
