JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="container">
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores expedita hic, possimus optio maxime accusamus repudiandae eaque! Cupiditate in corporis expedita obcaecati, possimus dolorem itaque dolores accusantium sed quasi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dolores...

SCSS

.container {
width: 400px;
overflow-y: auto;

  &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
  }

  &::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #555;
  }
  
}

.content {
  width: 2000px;
  height: 200px;
}