JSFiddle - React, Tailwind, and code Playground

by dvidby0

HTML

<textarea class='x'>Test content
More test content</textarea>
<div class="x">Test content
More test content</div>
<textarea class='x big'>Test content
More test content</textarea>
<div class="x big">Test content
More test content</div>

SCSS

.x {
    line-height: 1.29;
    font-size: 16px;
    white-space: pre-wrap;
    padding: 4px 6px;
    margin: 5px;
    display: block;
    width: 300px;
    height: 50px;
    border: 2px inset #888;
    background-clip: content-box;
    background-color: #ddd;
    color: black;
    overflow: auto;
    resize: none;
    font-family: inherit;
}
.big {
    line-height: 42px;
    font-size: 24px;
}
.scrnsht {
    border: 3px solid #fdd;
}
div.x {
    border-color: #0a9;
}
textarea.x {
    border-color: #80b;
}