2023-09-04 00:41:14 -04:00
|
|
|
.workspaces {
|
|
|
|
background-color: $bg;
|
|
|
|
border-radius: 80px;
|
|
|
|
border: 2px solid #1b1b1b;
|
|
|
|
padding-top: 3px;
|
|
|
|
padding-bottom: 3px;
|
|
|
|
padding-left: 12px;
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
|
|
.button {
|
|
|
|
margin: 2px;
|
|
|
|
min-width: 20px;
|
|
|
|
border-radius: 100%;
|
|
|
|
* {color: transparent;}
|
|
|
|
}
|
|
|
|
|
|
|
|
.empty {
|
|
|
|
border: none;
|
2023-09-04 17:13:43 -04:00
|
|
|
transition: border-color 0.25s linear;
|
2023-09-04 00:41:14 -04:00
|
|
|
}
|
|
|
|
.occupied {
|
|
|
|
border: 2px solid $bg;
|
|
|
|
background: $contrastbg;
|
2023-09-04 17:13:43 -04:00
|
|
|
transition: border-color 0.25s linear;
|
2023-09-04 00:41:14 -04:00
|
|
|
}
|
|
|
|
.active {
|
|
|
|
border: 2px solid #50fa7b;
|
2023-09-04 17:13:43 -04:00
|
|
|
transition: border-color 0.25s linear;
|
2023-09-04 00:41:14 -04:00
|
|
|
}
|
|
|
|
}
|