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

Add gradient

Lorem ipsum

Updated 5 months ago

What’s Next

Check out the other button styles you can use:

button-style-slanted
button-style-backdrop

Description

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

Example

Apply graident to buttons

Interactive example

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.