&.blue{ background: $blue; &:hover{ background: lighten($blue, 10%); } &:active{ background: darken($color: $blue, $amount: 10%); } } &.gray{ background: $gray; &:hover{ background: lighten($gray, 10%); } &:active{ background: darken($color: $gray, $amount: 10%); } } &.pink{ background: $pink; &:hover{ background: lighten($pink, 10%); } &:active{ background: darken($color: $pink, $amount: 10%); ..