caisse-bliss/assets/styles/_clickables.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;
}
}