30 lines
513 B
SCSS
30 lines
513 B
SCSS
|
.clickable{
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
a{
|
||
|
|
@extend .clickable;
|
||
|
|
padding: 0.5rem 1rem;
|
||
|
|
display: inline-block;
|
||
|
|
color: $primary_color;
|
||
|
|
text-decoration: none;
|
||
|
|
border: solid 1px $bg_color;
|
||
|
|
&:hover{
|
||
|
|
color: $primary_color_darker;
|
||
|
|
}
|
||
|
|
&.active{
|
||
|
|
background: $bg_active_link;
|
||
|
|
color: $active_link_text;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
button{
|
||
|
|
@extend .clickable;
|
||
|
|
|
||
|
|
padding: 1rem 2rem;
|
||
|
|
border: solid 1px $bg_color;
|
||
|
|
background: $primary_color;
|
||
|
|
border-radius: 0.25rem;
|
||
|
|
&:hover{
|
||
|
|
background: $primary_color_darker;
|
||
|
|
}
|
||
|
|
}
|