/**
 * @license
 * Copyright Endlessjs. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@mixin el-actions-theme() {
  el-actions {
    background-color: el-theme(actions-background-color);
    color: el-theme(actions-text-color);
    font-family: el-theme(actions-text-font-family);
    font-weight: el-theme(actions-text-font-weight);
    line-height: el-theme(actions-text-line-height);
  }

  @each $size in el-get-sizes() {
    el-actions.size-#{$size} el-action {
      font-size: el-theme(actions-#{$size}-text-font-size);
      height: el-theme(actions-#{$size}-height);
      padding: el-theme(actions-#{$size}-padding);

      el-icon {
        font-size: el-theme(actions-#{$size}-icon-height);
      }
    }
  }

  el-action {
    $divider: el-theme(actions-divider-width) el-theme(actions-divider-style) el-theme(actions-divider-color);
    @include el-ltr(border-left, $divider);
    @include el-rtl(border-right, $divider);

    &:first-child {
      @include el-ltr(border-left, none!important);
      @include el-rtl(border-right, none!important);
    }

    el-icon {
      color: el-theme(actions-icon-color);
    }

    &.disabled {
      color: el-theme(actions-disabled-text-color);

      el-icon {
        color: el-theme(actions-disabled-icon-color);
      }
    }
  }
}