JSFiddle - React, Tailwind, and code Playground

by Sampath_Madhuranga

HTML

<div class="box">
  hiii
</div>

SCSS

@mixin set-padding($pr1, $pr2, $pr3, $pr4, $pr5){
  @if($pr1){
    padding-right: $pr1;
  }
  @else if($pr2){
    padding-right: $pr2;
  }
  @else if($pr3){
    padding-right: $pr3;
  }
  @else if($pr4){
    padding-right: $pr4;
  }
  @else if($pr5){
    padding-right: $pr5;
  }
}

.box {
  background-color: #ccc;
  @include set-padding(5px, 10px, 8px, 3px, 7px);
}