@use "../../util/colours.scss" as *;

window.Bar {
  font-family: "Comfortaa, sans-serif";
  background: transparent;
  color: $fg-color;
  font-weight: bold;

  /* >centerbox { */
  /*     background: $bg-color; */
  /*     border-radius: 10px; */
  /*     margin: 8px; */
  /* } */

  .bar-button {
    border-radius: 20px;
    margin: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: $bg-color;

    & button {
      background-color: $bg-color;
    }
  }

  .quick-action-button {
    border-radius: 20px;
    margin: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: $bg-color;
  }

  button.workspace-button {
    border-radius: 20px;
    margin: 1px;

    &.focused-workspace-button {
      color: $accent-color-2;
    }
  }

  .tray-item {
    margin: 0;
    padding: 0;

    & button {
      margin: 2px;
      box-shadow: none;
    }
  }

  .time {
    min-width: 11rem;
    padding: 3px;
    & button {
      box-shadow: none;
      padding: 0;
    }
  }
  
  .quick-view-symbol {
    margin: 2px;
  }
}