Sha256: be271ad62ddba09c366e8d7c88e7f078209fbf54a504a2a7c99463abb3073f16
Contents?: true
Size: 1.64 KB
Versions: 10
Compression:
Stored size: 1.64 KB
Contents
$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)
Version data entries
10 entries across 10 versions & 2 rubygems