JSFiddle - React, Tailwind, and code Playground

by simucal

HTML

<div class="Notice">This is ClientWebView read-only mode!</div>
<br />
<div class="Error">This is ClientWebView read-only mode!</div>
<br />
<div class="Success">This is ClientWebView read-only mode!</div>

CSS

.Error, .Notice, .Success {padding:.8em;border:2px solid #ddd;}
.Error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.Notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.Success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.Error a {color:#8a1f11;}
.Notice a {color:#514721;}
.Success a {color:#264409;}