Ghost buttons

Global variables

$button-ghost-class: "#{$button-class}-ghost" !global
$button-ghost-font-weight: 200 !global
$button-ghost-min-font-size: 9px !global
$button-ghost-border-radius: 3px !global
$button-ghost-border-width: 3px !global

Use button class -btn-ghost to create great buttons.

Use theme classes (you can include any theme, so themes class names can be different) -primary-, -error-, -success-, etc. with <button> or <input type="button"> to set theme.

As always to use font-awesome icons you need to:

Button tags

Use class -btn-ghost with <a>, <input> and <button>.

Link


Link

Rounded

Add _round_ modifier to round button

Round link


Round link