app/assets/stylesheets/modules/buttons/_buttons.sass in oulu-0.9.11 vs app/assets/stylesheets/modules/buttons/_buttons.sass in oulu-0.10.1
- old
+ new
@@ -1,17 +1,14 @@
-$button-sizes: xs, sm, md, lg, xl !default
-$button-color-names: default, primary, success, warning, danger !default
-$button-styles: normal, border, bold-border, flat-emboss, material, flat-round !default
-
@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
@@ -29,12 +26,15 @@
+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, false)
+ +button-size($size, false, 1000px)
+flat-round-button($color)
+ @else if $style == super-bold-border
+ +button-size($size, false, 3px)
+ +super-bold-border-button($color, $size)
@each $option in $options
@if $option == 'left'
text-align: left
@if $option == 'right'
text-align: right
@@ -44,16 +44,18 @@
$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
+ @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)