.#{bem('view-toolbar')} {
  @include set-component-css-var('view-toolbar', $view-toolbar);
}

@include b('view-toolbar') {
  display: flex;
  @include b('view-toolbar-item') {
    display: flex;
    align-items: center;
    margin: getCssVar('view-toolbar', 'item-margin');

    .ivu-btn {
      @include flex(row, center, center);

      > span {
        @include flex(row, center, center);
      }
    }

    @include b('icon') {
      display: inline-block;
      max-width: getCssVar('view-toolbar', 'icon-max-width');
      max-height: getCssVar('view-toolbar', 'icon-max-height');
      margin: getCssVar('view-toolbar', 'icon-margin');
    }
  }

  @include m(embed) {
    @include set-component-css-var('view-toolbar-embed', $view-toolbar-embed);
    @include b('view-toolbar-item') {
      .ivu-btn {
        height: getCssVar('view-toolbar-embed', 'item-height');
        line-height: getCssVar('view-toolbar-embed', 'item-line-height');
        background-color: getCssVar('view-toolbar-embed', 'bg-color');
        border: none;
        box-shadow: none;
      }

      img,
      i {
        // margin: 0;
      }
    }
  }
}
