111 lines
2.5 KiB
SCSS
111 lines
2.5 KiB
SCSS
$bar-reveal-children-bg-color: rgba($color0, 0.2);
|
|
$transition-time: 0.3s;
|
|
|
|
.bar.horizontal {
|
|
font-size: 1.05em;
|
|
padding: 6px;
|
|
margin: 4px 10px;
|
|
background-color: rgba(mix($bar-bg-color, $color0, 65%), 0.4);
|
|
// background-color: rgba($bar-bg-color, 0.2);
|
|
border-radius: $bar-module-border-radius;
|
|
|
|
.leftgroup,
|
|
.centergroup,
|
|
.rightgroup {
|
|
// .revealer-on-hover {
|
|
// border: 2px solid $bar-bg-color;
|
|
// border-radius: $bar-module-border-radius;
|
|
// }
|
|
|
|
// .revealer-on-hover>widget>box>box>*,
|
|
// .revealer-on-hover>widget>box>box>button {
|
|
// color: $color0;
|
|
// background-color: $bar-bg-color;
|
|
// border-radius: $bar-module-border-radius - 4;
|
|
// &:hover {
|
|
// }
|
|
// }
|
|
.reveal_children {
|
|
&>*,
|
|
widget>image {
|
|
&:not(:last-child) {
|
|
border-right: 2px solid $bar-bg-color;
|
|
}
|
|
color: $bar-bg-color;
|
|
}
|
|
}
|
|
|
|
.revealer-on-hover.true {
|
|
border-radius: $bar-module-border-radius;
|
|
&>widget>box>box>* {
|
|
background-color: $bar-bg-color;
|
|
}
|
|
}
|
|
.reveal_children {
|
|
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
|
|
}
|
|
}
|
|
|
|
|
|
@import "./bar/workspaces.scss";
|
|
|
|
@import "./bar/scratchpad.scss";
|
|
|
|
@import "./bar/charts.scss";
|
|
|
|
&>box>button,
|
|
&>box>label,
|
|
.bar-module>button,
|
|
.bar-module>label,
|
|
// .revealer-on-hover>widget>box>box>*,
|
|
.reveal_children>widget>image,
|
|
.reveal_children:not(.tray)>* {
|
|
padding: 0px 5px;
|
|
min-width: $bar-module-width;
|
|
transition: all 0.3s;
|
|
&:hover {
|
|
color: $bar-hover-fg-color;
|
|
text-shadow: $bar-module-hover-shadow;
|
|
}
|
|
}
|
|
.tray>widget>image {
|
|
padding: 3px 10px;
|
|
min-width: $bar-module-width;
|
|
}
|
|
.tray>widget,
|
|
.scratchpad>button {
|
|
image{
|
|
opacity: 0.5;
|
|
transition: all 0.3s;
|
|
border-radius: $bar-module-border-radius;
|
|
}
|
|
&:hover,&:hover image {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@import "./bar/window_title.scss";
|
|
@import "./bar/idle-inhibitor.scss";
|
|
@import "./bar/volume.scss";
|
|
@import "./bar/networking.scss";
|
|
@import "./bar/bluetooth.scss";
|
|
@import "./bar/power.scss";
|
|
@import "./bar/disk.scss";
|
|
@import "./bar/memory.scss";
|
|
@import "./bar/clock.scss";
|
|
|
|
.chevron box {
|
|
border: 2px solid transparent;
|
|
}
|
|
/* .inactive {
|
|
opacity: 0.5;
|
|
}*/
|
|
|
|
// HOTFIXES
|
|
|
|
.scratchpad .reveal_children>*:last-child,
|
|
.tray_tab>widget>box>box,
|
|
.tray_tab .reveal_children>widget:last-child>image {
|
|
margin-right: -5px;
|
|
}
|
|
}
|