button-style-gradient

@include button-style-gradient();

Description

Add a gradiented background to buttons to make them look hip and cool.

🚧

This mixin relies on the get-theme-border-width function. If you change the border width of your buttons (default it 2px), make sure to also set the $borderWidth to the same value.

Return

(CSS) Styles to apply gradient to button backgrounds.

Example

Apply graident to buttons

@include button-style-gradient();

Interactive example


What’s Next

Check out the other button styles you can use: