30 lines
626 B
SCSS
30 lines
626 B
SCSS
/*
|
|
* Button
|
|
* Clicky Tappy Touchy Buttons!
|
|
*
|
|
* Dependencies:
|
|
* styles/settings/animation.scss
|
|
* styles/settings/colors.scss
|
|
* styles/tools/_gradient.scss
|
|
*
|
|
*
|
|
* Version:
|
|
* 1.0.1 - 2018/05/14
|
|
*/
|
|
|
|
.o-btn {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
border: $s-color--btn-default__border;
|
|
padding: 1em 1em;
|
|
transition: all 0.2s $s-animation--ease-out;
|
|
|
|
@include t-horizontal-gradient($s-color--btn-default__top, $s-color--btn-default__bottom);
|
|
|
|
|
|
&:hover {
|
|
@include t-vertical-gradient($s-color--btn-default-hover__top, $s-color--btn-default-hover__bottom);
|
|
}
|
|
}
|