score:1

Accepted answer
.myButton {

     //Common Styles Here

     &.red {
         //Distinct Styles Here
     }

     &.green {
         //Distinct Styles Here
     }

     &.aqua {
         //Distinct Styles Here
     }
}

score:1

const GlowButton = (props) => {
return (
    <inline className="glowButton">
        <button className="myButton" style={{color: props.color}}>{props.text}</button>
    </inline>
)}

Related Query

More Query from same tag