JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css">
<div class="container">
<h1>heading01</h1>
    <h2>heading02</h2>
  <section>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste dicta quisquam, fugit aliquid dolores maxime excepturi. Culpa sint incidunt voluptatem?</section>
  <section>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste dicta quisquam, fugit aliquid dolores maxime excepturi. Culpa sint incidunt voluptatem?</section>
  <a href="#">link css style</a>
  <button>reset</button>
  
  <div class="editor">
    
    <h1>heading01</h1>
    <h2>heading02</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae ducimus molestiae natus doloribus similique labore dolores saepe, vel nemo sit!</p>
    <button>reset</button>
    <a href="#">link css style</a>
  </div>
</div>

SCSS

.editor * {
  font: revert;
  color: revert;
  margin-top: revert;
  margin-right: revert;
  margin-bottom: revert;
  margin-left: revert;
}