$main-font-family: “BentonSans”, “Helvetica Neue”, Helvetica, Arial, Geneva, sans-serif;
$main-background-color: #7462ad;
$main-text-color: white;
$link-color: darken($main-text-color, 10%);
$link-color-hover: lighten($link-color, 50%);
$button-color: orange;
body{
background-color: $main-background-color; color: $main-text-color; font-family: $main-font-family;
}
a{
color: $link-color; text-decoration: none; &:hover{ color: $link-color-hover; }
}
.btn{
border: none; border-radius: 6px; min-height: 25px; min-width: 80px; color: $main-text-color; padding: 6px 10px 6px 10px;
} .btn-regular{
background-color: $button-color; &:hover{ background-color: lighten($button-color, 20%); }
} .btn-failure{
background-color: red; &:hover{ background-color: lighten(red, 20%); }
} .btn-success{
background-color: green; &:hover{ background-color: lighten(green, 20%); }
}