ul[class^="sl-toolbar"] {
  position: absolute;
  top: -$editbar-height;
  right: 0;
  white-space: nowrap;
  height: $editbar-height;
  margin: 0;
  padding: 0;
  background-color: $editbar-background-color;
  list-style-type: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease-out;
  li {
    text-align: center;
    display: inline-block;
    a {
      display: inline-block;
      width: $editbar-height;
      height: $editbar-height;
      background-size: 20px;
      background-position: 10px 10px;
    }
    &.delimiter {
      display: inline-block;
      height: $editbar-height;
      width: 1px;
      background: rgba(89, 89, 89, 0);
      background: linear-gradient(top, rgba(89, 89, 89, 0) 0%, rgba(89, 89, 89, 1) 50%, rgba(89, 89, 89, 0) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(89, 89, 89, 0)), color-stop(50%, rgba(89, 89, 89, 1)), color-stop(100%, rgba(89, 89, 89, 0)));
      background: -webkit-linear-gradient(top, rgba(89, 89, 89, 0) 0%, rgba(89, 89, 89, 1) 50%, rgba(89, 89, 89, 0) 100%);
      &:last-child {
        display: none;
      }
    }
  }
  &.vertical {
    width: $editbar-height;
    height: auto;
    right: -$editbar-height;
    top: 0;
    li {
      float: left;
      &.delimiter {
        height: 1px;
        width: $editbar-height;
      }
    }
  }
}
