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