Configuration Options

Change these variables before you @import "fancy-buttons"; to change the default behavior of fancy-buttons.

$fb-gradient-style
Select from glossy (default), matte, or custom user defined gradient styles.

$fb-color
Button base color. Default is #444.

$fb-radius
Button border radius. Default is 6px

$fb-font-size
Button font size. Default is 18px.

$fb-line-height
Button line height. Default is 1.2em.

$fb-font-weight
Button font-weight. Default is bold.

$fb-border-width
Button border width. Default is 1px

$fb-light-text
If button is dark it will get a light text color from this setting. Default is #fff.

$fb-dark-text
If button is light it will get a dark text color from this setting. Default is #222.

$fb-image-path
The path image to be used if the browser doesn't see gradients. Default is image-url("button_bg.png")

$fb-allow-disabled
Outputs a set of disabled styles for buttons that have the class "disabled" or match the attribute ":disabled". Default is false.