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

@mixin button-outline() {
  [elButton].appearance-outline {
    background-color: el-theme(button-outline-background-color);
    border-style: el-theme(button-outline-border-style);
    border-width: el-theme(button-outline-border-width);
    text-transform: el-theme(button-outline-text-transform);

    @each $size in el-get-sizes() {
      &.size-#{$size} {
        padding: el-theme(button-outline-#{$size}-padding);
      }
    }

    @each $status in el-get-statuses() {
      &.status-#{$status} {
        border-color: el-theme(button-outline-#{$status}-border-color);
        color: el-theme(button-outline-#{$status}-text-color);

        &:focus {
          background-color: el-theme(button-outline-#{$status}-focus-background-color);
          border-color: el-theme(button-outline-#{$status}-focus-border-color);
          color: el-theme(button-outline-#{$status}-focus-text-color);
        }

        &:hover {
          background-color: el-theme(button-outline-#{$status}-hover-background-color);
          border-color: el-theme(button-outline-#{$status}-hover-border-color);
          color: el-theme(button-outline-#{$status}-hover-text-color);
        }

        &:active {
          background-color: el-theme(button-outline-#{$status}-active-background-color);
          border-color: el-theme(button-outline-#{$status}-active-border-color);
          color: el-theme(button-outline-#{$status}-active-text-color);
        }

        &[disabled] {
          background-color: el-theme(button-outline-#{$status}-disabled-background-color);
          border-color: el-theme(button-outline-#{$status}-disabled-border-color);
          color: el-theme(button-outline-#{$status}-disabled-text-color);
        }
      }
    }
  }
}
