Files
dotfiles/home/.config/eww/eww.scss
T
2024-07-06 12:59:14 +03:00

97 lines
1.3 KiB
SCSS

* {
all: unset;
}
.bar {
font-family: "FiraCode Nerd Fonot";
border-radius: 8px;
}
.interactive, .workspace {
border-radius: 4px;
margin: 4px 0;
transition: background-color 0.4s ease;
}
.workspace {
padding: 0 8px;
}
.workspace.current {
background-color: #fff;
color: #000;
font-weight: bold;
}
.interactive:not(.active):hover,
.workspace:not(.current):hover {
background-color: rgba(255, 255, 255, 0.3);
}
.box {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 8px;
padding-left: 8px;
padding-right: 12px;
}
.right > :not(:first-child) {
margin-left: 8px;
}
.audio-source {
margin-top: 6px;
padding-left: 8px;
padding-right: 12px;
}
.audio-source-2 {
padding-left: 8px;
padding-right: 10px;
}
.volume {
padding-right: 6px;
}
.kbd-layout {
padding: 0 8px;
}
.control-centre {
background-color: rgba(0, 0, 0, 0.8);
padding: 16px 32px;
}
.media-status {
padding-right: 8px;
padding-left: 8px;
}
.media-window {
.media-cover {
border-radius: 8px;
border: 2px solid #fff;
background-size: contain;
}
.media-controls {
margin-top: 16px;
}
.media-button {
border-radius: 8px;
padding: 32px 0;
background-color: rgba(255, 255, 255, 0.4);
transition: background-color 0.4s ease;
&:hover {
background-color: rgba(255, 255, 255, 0.2);
}
}
}