JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<button class="mybutton1">button</button>
<button class="mybutton2">button</button>
<button class="mybutton3">button</button>

SCSS

@mixin buttonStyle($class, $fontSize) {
  [role="button"].#{$class},
  input[type="submit"].#{$class},
  input[type="rest"].#{$class},
  input[type="button"].#{$class},
  button.#{$class} {
    font-size: $fontSize;
  }
}
@include buttonStyle(mybutton1, 20px);
@include buttonStyle(mybutton2, 40px);
@include buttonStyle(mybutton3, 60px);