mirror of
https://github.com/GeorgeSG/dotfiles.git
synced 2026-09-08 18:18:44 +00:00
89 lines
1.4 KiB
SCSS
89 lines
1.4 KiB
SCSS
$tray-item-interactive-margin: 6px 0;
|
|
|
|
.pacman-update-widget {
|
|
margin: $tray-item-interactive-margin;
|
|
|
|
.pacman-update-widget-inner {
|
|
border-radius: 4px;
|
|
|
|
&.has-updates {
|
|
background-color: rgb(228, 137, 137);
|
|
color: #fff;
|
|
font-weight: bold;
|
|
transition: background-color 0.4s ease;
|
|
|
|
&:hover {
|
|
background-color: rgb(187, 100, 100);
|
|
}
|
|
|
|
.update-text {
|
|
padding: 0 8px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.kbd-layout-tray-item {
|
|
margin: $tray-item-interactive-margin;
|
|
|
|
.kbd-layout {
|
|
padding: 0 8px;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.media-tray-item {
|
|
margin: $tray-item-interactive-margin;
|
|
|
|
.volume-tray-icon {
|
|
padding-right: 6px;
|
|
|
|
.volume-icon {
|
|
padding-right: 6px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.clock-tray-item {
|
|
margin-right: 8px;
|
|
|
|
.date {
|
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
|
border-top: 4px solid rgba(255, 255, 255, 0.6);
|
|
padding: 0 8px;
|
|
border-radius: 4px;
|
|
margin: 8px 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.day {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.time {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
|
|
.weather-tray-item {
|
|
margin: $tray-item-interactive-margin;
|
|
|
|
.weather-temp {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.weather-desc {
|
|
padding-left: 4px;
|
|
padding-right: 8px;
|
|
}
|
|
}
|
|
|
|
.power-button-tray-item {
|
|
margin: $tray-item-interactive-margin;
|
|
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
margin-left: 4px;
|
|
font-size: 18px;
|
|
}
|