diff --git a/compass/buttons.scss b/compass/buttons.scss new file mode 100644 index 0000000..f7c183f --- /dev/null +++ b/compass/buttons.scss @@ -0,0 +1,47 @@ +@import "compass/utilities/general/float"; +@import "blueprint/buttons"; + +// Use the following HTML code to place the buttons on your site: +// +// +// +// +// Change Password +// +// +// +// Cancel +// + +a.button { + // you can pass "left" or "right" to +anchor-button to float it in that direction + // or you can pass no argument to leave it inline-block (cross browser safe!) within + // the flow of your page. + @include anchor-button(left); + // All the button color mixins take 4 optional arguments: + // font color, background color, border color, border highlight color + // the first three default to constants set in blueprint/buttons.sass + // the last one defaults to a shade lighter than the border color. + @include button-colors; + @include button-hover-colors; + @include button-active-colors; } + +button { + // The +button-button mixin is just like the +anchor-button mixin, but for