nixos-configs/nixosModules/ags/v2/widgets/bar/style.scss

63 lines
1.5 KiB
SCSS
Raw Normal View History

2024-09-27 12:37:14 -04:00
.bar {
2024-10-12 04:03:22 -04:00
margin-bottom: 13px;
2024-09-27 12:37:14 -04:00
.bar-item {
2024-09-27 16:35:32 -04:00
padding: 5px 10px 5px 10px;
2024-09-27 12:37:14 -04:00
border-radius: 7px;
background-color: darken($window_bg_color, 3%);
font-size: 20px;
min-height: 35px;
2024-09-27 12:37:14 -04:00
2024-10-12 04:03:22 -04:00
&.battery icon {
2024-09-27 12:37:14 -04:00
&.charging {
color: green;
}
&.low {
color: red;
}
}
.workspaces {
.button {
margin: 0 2.5px;
min-height: 22px;
min-width: 22px;
border-radius: 100%;
border: 2px solid transparent;
}
.occupied {
border: 2px solid $window_bg_color;
background: $accent_color;
transition: background-color 0.6s ease-in-out;
}
.urgent {
border: 2px solid $window_bg_color;
background: red;
transition: background-color 0.6s ease-in-out;
}
.active {
border: 2px solid #50fa7b;
transition: margin-left 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
}
2024-10-12 04:03:22 -04:00
&.system-tray {
.tray-item {
all: unset;
font-size: 30px;
min-width: 36px;
border-radius: 100%;
transition: background-color 300ms;
&:hover {
background: $window_bg_color;
}
}
}
2024-09-27 12:37:14 -04:00
}
}