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

@import './button-filled';
@import './button-outline';
@import './button-ghost';
@import './button-hero';

@mixin el-buttons-theme() {
  [elButton] {
    cursor: el-theme(button-cursor);
    font-family: el-theme(button-text-font-family);
    font-weight: el-theme(button-text-font-weight);

    &:focus {
      box-shadow: 0 0 0 el-theme(button-outline-width) el-theme(button-outline-color);
      outline: none;
    }

    &[disabled] {
      cursor: el-theme(button-disabled-cursor);
    }

    @each $size in el-get-sizes() {
      &.size-#{$size} {
        font-size: el-theme(button-#{$size}-text-font-size);
        line-height: el-theme(button-#{$size}-text-line-height);
      }
    }

    @each $shape in el-get-shapes() {
      &.shape-#{$shape} {
        border-radius: el-theme(button-#{$shape}-border-radius);
      }
    }
  }

  @include button-filled;
  @include button-outline;
  @include button-ghost;
  @include button-hero;
}