$button-sizes: xs, sm, md, lg, xl
$button-color-names: default, primary, success, warning, danger
$button-styles: normal, border, flat-emboss, material

@import button-base

// button styles
@import styles/normal
@import styles/border
@import styles/flat-emboss
@import styles/material

@import button-helper

// inputのスタイルを継承させる
input[type= submit]
  color: inherit
  font-size: inherit
  font-weight: inherit

=button($style, $size, $color, $options: false)
  +button-base
  @if $style == normal
    +button-size($size, 1px)
    +normal-button($color)
  @else if $style == border
    +button-size($size, 1px)
    +border-button($color)
  @else if $style == flat-emboss
    +button-size($size)
    +flat-emboss-button($color)
  @else if $style == material
    +button-size($size)
    +material-button($color)
  @each $option in $options
    @if $option == 'left'
      text-align: left
    @if $option == 'right'
      text-align: right

@each $button-size in $button-sizes
  $button-color-name: ''
  $button-color: ''
  $button-style: ''
  @each $button-color-name in $button-color-names
    @each $button-style in $button-styles
      .is-button-#{$button-style}-#{$button-size}-#{$button-color-name}
        @if $button-color-name == default
          $button-color: $default
        @else if $button-color-name == primary
          $button-color: $primary
        @else if $button-color-name == success
          $button-color: $success
        @else if $button-color-name == warning
          $button-color: $warning
        @else if $button-color-name == danger
          $button-color: $danger
        +button($button-style, $button-size, $button-color)