lib/stylesheets/_fancy-buttons.sass in fancy-buttons-1.0.6 vs lib/stylesheets/_fancy-buttons.sass in fancy-buttons-1.1.0.alpha.1
- old
+ new
@@ -24,30 +24,30 @@
=fancy-button($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
+fancy-button-structure($font-size, $radius, $border-width)
+fancy-button-colors($color)
// Style the button's colors, picking the most appropriate color set for the base color.
-=fancy-button-colors($color: $fb-color, $hover: 0, $active: 0, $allow-disabled: $fb-allow-disabled)
+=fancy-button-colors($color: $fb-color, $hover: 0, $active: 0, $fb-allow-disabled: $fb-allow-disabled)
+fb-color($color, "default")
&:hover, &:focus
@if $hover == 0
+fb-color(darken($color, 3), "hover", $color)
@else
+fb-color($hover, "hover")
&:active
@if $active == 0
+fb-color(darken($color, 6), "active", $color)
- +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
+ +box-shadow(darken($color, 15) 0 .08em .2em 1px inset)
@else
+fb-color($active, "active")
- +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
+ +box-shadow(darken($active, 9) 0 .08em .1em 1px inset)
- @if $allow-disabled
+ +box-shadow(rgba(#fff, (lightness($color))/100) 0 0 .1em 1px inset)
+ +background-clip(padding-box)
+ @if $fb-allow-disabled
&.disabled, &[disabled]
+disable-fancy-button($color)
- +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
- +background-clip(padding-box)
=fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
$fb-disable-allowed: $fb-allow-disabled
$fb-allow-disabled: true
+fancy-button-structure($font-size, $radius, $border-width)
@@ -118,18 +118,18 @@
@else
text-shadow: lighten($color, 15) $text-shadow-settings
&, &:visited
color: $fb-dark-text
-=fancy-button-text-colors($color, $hover: $color, $active: $color, $allow-disabled : $fb-allow-disabled)
+=fancy-button-text-colors($color, $hover: $color, $active: $color, $fb-allow-disabled : $fb-allow-disabled)
&, &:visited
color: $color
&:hover, &:focus
color: $hover
&:active
color: $active
- @if $allow-disabled
+ @if $fb-allow-disabled
&.disabled, &[disabled]
color: $color
// Layout the button's box
=fancy-button-structure($font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width, $line-height: $fb-line-height)
@@ -149,10 +149,10 @@
=fancy-button-padding($v-padding, $h-padding, $border-width: $fb-border-width)
padding: $v-padding $h-padding
border-width: $border-width
// Reset the button's important properties to make sure they behave correctly
-=fb-reset($font-weight: $fb-font-weight, $allow-disabled: $fb-allow-disabled)
+=fb-reset($font-weight: $fb-font-weight)
font-family: "Lucida Grande", Lucida, Arial, sans-serif
background: #{$fb-image-path} repeat-x bottom left
margin: 0
width: auto
overflow: visible