Sha256: 3ffe641a10af882e127106d65b69bfbff6144e63d95ce5cc8fdfc82a395afd0c
Contents?: true
Size: 1.67 KB
Versions: 15
Compression:
Stored size: 1.67 KB
Contents
$button-sizes: xs, sm, md, lg, xl !default
$button-color-names: default, primary, success, warning, danger !default
$button-styles: normal, border, flat-emboss, material !default
@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
15 entries across 15 versions & 2 rubygems