configuration {
    font:                           "Font Awesome 5 Free 20";
    show-icons:                     false;
    disable-history:                false;
	click-to-exit: 					true;
}

@import "colors.rasi"

* {
    background-color:       @background;
    text-color:             @foreground;
}

window {
   transparency:                    "real";
   border-radius:                   0px;
   location:                        center;
   width:                           500px;
   x-offset:                        -15px;
   y-offset:                        -45px;
}

listview {
    columns:                        3;
    lines:                          1;
    spacing:                        12px;
    cycle:                          true;
    dynamic:                        true;
    layout:                         vertical;
}

mainbox {
    background-color:               @background;
    children:                       [ listview ];
    spacing:                        12px;
    margin:                         12px;
}

element {
    background-color:               @background;
    text-color:                     @foreground;
    orientation:                    vertical;
    border-radius:                  0px;
}

element-text {
    background-color:               inherit;
    text-color:                     inherit;
    font:                           "Font Awesome 5 Free 20";
    expand:                         true;
    horizontal-align:               0.5;
    vertical-align:                 0.5;
    margin:                         48px 0px 48px 0px;
}

element normal.urgent,
element alternate.urgent {
    background-color:               @off;
    text-color:                     @background;
    border-radius:                  0px;
}

element normal.active,
element alternate.active {
    background-color:               @on;
    text-color:                     @background;
}

element selected {
    background-color:               @selected;
    text-color:                     @background;
    border:                         0px;
    border-radius:                  0px;
    border-color:                   @highlight;
}

element selected.urgent {
    background-color:               @on;
    text-color:                     @background;
}

element selected.active {
    background-color:               @off;
    color:                          @background;
}