2016-12-13 03:13:38 +00:00
|
|
|
a {
|
|
|
|
|
font-family: $main-font;
|
|
|
|
|
color: $color_link;
|
|
|
|
|
@extend %transition;
|
|
|
|
|
}
|
2016-09-19 22:06:36 +00:00
|
|
|
|
2016-12-13 03:13:38 +00:00
|
|
|
.btn {
|
|
|
|
|
background: transparent;
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
border-radius: 7px;
|
|
|
|
|
color: $color_white;
|
|
|
|
|
padding: 0.6rem 1.25rem;
|
|
|
|
|
border-left: 1px solid $color_purple;
|
|
|
|
|
border-right: 1px solid $color_link;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
background-position: 0 0, 0 100%;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 1px;
|
|
|
|
|
background-image: linear-gradient(to right, $color_purple 0, $color_link 100%), linear-gradient(to right, $color_purple 0, $color_link 100%);
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: $color_purple;
|
|
|
|
|
color: $color_white;
|
|
|
|
|
}
|
|
|
|
|
&.inverse {
|
|
|
|
|
color: $color_purple;
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: $color_purple;
|
|
|
|
|
color: $color_white;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
