// Toolbar button
//
// Styleguide Toolbar button

.toolbar-button {
  background: lighten($color-toolbar-button-disabled-background, .5);
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  line-height: 25px;
  position: relative;
  text-align: center;
  transition: background, $transition-hover-params;
  width: 32px;

  &:focus {
    outline: none;
    border-color: none;
  }
}

.is-active .toolbar-button {
  background-color: rgba($color-toolbar-button-background,.5);
}

.is-active .toolbar-button.active,
.is-active .toolbar-button.active:hover {
  background-color: darken($color-toolbar-button-background,10%);
}

.is-active .toolbar-button:hover {
  background-color: $color-toolbar-button-background;
}

.toolbar-button[disabled],
.is-active .toolbar-button[disabled] {
  background: lighten($color-toolbar-button-disabled-background, .5);
}

.toolbar-button__icon {
  vertical-align: text-top;
}

.toolbar-button .unstyled-button {
  height: 100%;
  width: 100%;
}

// Toolbar button
//
// Styleguide Toolbar button

.toolbar-button {
  background: lighten($color-toolbar-button-disabled-background, .5);
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  line-height: 25px;
  position: relative;
  text-align: center;
  transition: background, $transition-hover-params;
  width: 32px;

  &:focus {
    border-color: none;
  }
}

.is-active .toolbar-button {
  background-color: rgba($color-toolbar-button-background,.5);
}

.is-active .toolbar-button.active,
.is-active .toolbar-button.active:hover {
  background-color: darken($color-toolbar-button-background,10%);
}

.is-active .toolbar-button:hover {
  background-color: $color-toolbar-button-background;
}

.toolbar-button[disabled],
.is-active .toolbar-button[disabled] {
  background: lighten($color-toolbar-button-disabled-background, .5);
}

.toolbar-button__icon {
  vertical-align: text-top;
}

.toolbar-button .unstyled-button {
  height: 100%;
  width: 100%;
}

Add outline on toolbar buttons
Add outline on toolbar buttons
