JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<div class="radius">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi temporibus reprehenderit nam, consequatur natus. Perferendis ab excepturi quasi repellendus facere ipsam soluta nobis amet animi fugit laudantium aspernatur, expedita minima deserunt eligendi pariatur consectetur quidem, assumenda nemo quo! Est praesentium molestias, corrupti nisi maiores suscipit sapiente deleniti temporibus ratione vero.
</div>

SCSS

@mixin border-radius($radius) {
  border-radius: $radius;
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
}
.radius{
  background-color: black;
  padding: 10px;
  color: white;
  @include border-radius(5px 0 0 5px);
}