51 lines
951 B
CSS
51 lines
951 B
CSS
#workspaces {
|
|
padding: 6px;
|
|
min-width: 0px;
|
|
background-color: var(--module-bg);
|
|
}
|
|
|
|
#workspaces>button {
|
|
padding: 8px;
|
|
transition: padding 0.05s steps(8), background-color 0.15s ease;
|
|
background-color: var(--ws-inactive);
|
|
border-radius: 100px;
|
|
}
|
|
|
|
#workspaces>button>label {
|
|
font-size: 0px;
|
|
}
|
|
|
|
#workspaces>button:hover {
|
|
background-color: var(--ws-hover);
|
|
}
|
|
|
|
#workspaces>button.empty {
|
|
background-color: var(--ws-empty);
|
|
}
|
|
|
|
#workspaces>button.visible {
|
|
background-color: var(--ws-visible);
|
|
}
|
|
|
|
#workspaces>button.active {
|
|
padding: 8px 32px;
|
|
background-color: var(--ws-active);
|
|
}
|
|
|
|
#workspaces>button.urgent {
|
|
background-color: var(--ws-urgent);
|
|
color: var(--foreground);
|
|
font-weight: bold;
|
|
animation: urgent-blink 1s infinite;
|
|
}
|
|
|
|
#workspaces>button.foreign {
|
|
opacity: 0.45;
|
|
}
|
|
|
|
@keyframes urgent-blink {
|
|
0% { opacity: 1.0; }
|
|
50% { opacity: 0.5; }
|
|
100% { opacity: 1.0; }
|
|
}
|