Sha256: 28010380762afb78499e8c71ea88b57443613f421b9f73083351de9e8f21e1bb
Contents?: true
Size: 1.86 KB
Versions: 4
Compression:
Stored size: 1.86 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 button-helper
=button($style, $size, $color, $options: false)
+button-base
@if $style == normal
+button-size($size, 1px, 4px)
+normal-button($color)
@else if $style == border
+button-size($size, 1px, 4px)
+border-button($color)
@else if $style == bold-border
+button-size($size, 2px, 8px)
+border-button($color)
@else if $style == flat-emboss
+button-size($size, false, 4px)
+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, false, 3px, 3.4)
+super-bold-border-button($color, $size)
@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
4 entries across 4 versions & 1 rubygems