@import button-base // button styles @import styles/normal @import styles/border @import styles/flat-emboss @import styles/material @import styles/flat-round @import styles/super-bold-border @import styles/standard @import button-helper =button($style, $size, $color, $options: false) @if $style == normal +button-size($size, .0625rem, .25rem) +normal-button($color) @else if $style == border +button-size($size, .0625rem, .25rem) +border-button($color) @else if $style == bold-border +button-size($size, .125rem, .5rem) +border-button($color) @else if $style == flat-emboss +button-size($size, false, .25rem) +flat-emboss-button($color) @else if $style == material +button-size($size, false, false) +material-button($color) @else if $style == flat-round +button-size($size, false, 1000px) +flat-round-button($color) @else if $style == super-bold-border +button-size($size, .25rem, .375rem) +super-bold-border-button($color, $size) @else if $style == standard +button-size($size, .0625rem, .25rem) +standard-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 == secondary $button-color: $secondary @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 @else if $button-color-name == info $button-color: $info @else if $button-color-name == twitter $button-color: $twitter @else if $button-color-name == facebook $button-color: $facebook +button($button-style, $button-size, $button-color)