&.revealer-on-hover {
  border: 2px solid $module-color;
  border-radius: $bar-module-border-radius;//
}
.revealer-preview,
.reveal-children>* {
  padding: 0px 5px;
  min-width: $bar-module-width;
  transition: all 0.3s;
}
.revealer-preview {
  background-color: $module-color;
  border-radius: $bar-module-border-radius - 4;
}
&.true .revealer-preview {
  border-radius: $bar-module-border-radius - 4 0 0 $bar-module-border-radius - 4;
}
.reveal-children>* {
  border-left: 2px solid $module-color;
  &.active {
    background-color: rgba($module-color,0.5);
  }
  &:hover {
    background-color: rgba($module-color,0.5);
  }
}

//.revealer-on-hover>widget>box>box>* {
//  
//  padding: 0px 5px;
//  
//  transition: all 0.3s;
//}