$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;
  }
}