Sha256: 0282737e9c98afc01e70911246a4536208244c5fe45d561a4abce746737a93f3
Contents?: true
Size: 1.99 KB
Versions: 6
Compression:
Stored size: 1.99 KB
Contents
@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
+button($button-style, $button-size, $button-color)
Version data entries
6 entries across 6 versions & 1 rubygems