// Transaction @mixin transaction( $propertty, $duration, $timing ){ transition: $propertty $duration $timing; -moz-transition: $propertty $duration $timing; -webkit-transition: $propertty $duration $timing; -o-transition: $propertty $duration $timing; } //Tag - used for a tag @mixin tag(){ border: solid 1px rgba(246, 243, 238, 0.06); color: var(--text); padding: 5px 15px; @include transaction( all, 0.3s, linear ); &:hover{ background-color: var(--primary); border-color: var(--primary); color: #fff; } }