JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="black">
    Lorem ipsum dolor sit amet
</div>
<div class="green">
  Lorem ipsum dolor sit amet
</div>

SCSS

@mixin base() {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 40px;
  margin: 0 10px;
  background: #fafafa;
}

body {
  padding: 10%;
}

.black {
  @include base();
  border: 1px solid black;
}

.green {
  @include base();
  border: 1px solid red;
}