<div class="box"></div>
$bg-primary: red;
$bg-hover:orange;

.box {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background-color: $bg-primary;
  &:hover{
    background-color:$bg-hover ;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.