JSFiddle - React, Tailwind, and code Playground

by paffffff

HTML

<div class="div">
    <div class="sb-header log">Заголовок в сайдбаре</div>
</div>

CSS

.sb-header {
    background-color: #f9c525;
    padding: 5px 10px 5px 50px;
    border-top: solid 3px #883535;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    color: #883535;
}
.log {
    background: #f9c525 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHJSURBVHja7JZNSwJBGMdnZ3fHzNWDUmFdIi8e6rCJJwmhLyBCt0X6BF48ePATdPcThAdDvEjX0INCt3w7lBhRghZsiIGK7stMh6BDu1vjhlHQc5znPz/++zzP7AxzEg6D5QQES4u/ieZoRE6vdzceXw8GGQhf+v3r8/PnbvfLXcyXbdwKhSLJ5KrP975CMG7k882zs2+5XgsGDzMZFqHuxcVdpaLN55uiKEqSKEkE41ahYBPtcLsPUikWoatc7p0idzryzU00nRYlSe50HptNO23cjkQ8fv9Tq/XB3aDRaBeLDIQ70ajNCfEGAgCA23LZmLqv1QjGbr/fJtohCACAUa9nTE2Hw+lw6PL5IMvaQXMrKwAArOvGFNF1QIjD42Gs0Z+1cVCv64oykWUTNCEPl5ccQrqiLDbXe0dHLEJYVTHGLM8zEBrZuqoCAFie11W1XSzSut5PJExwFkEwNkWb71enU/p/hZXYHE1v+RMxs7yrwLzWsWwWuVyUCGUyKSWTtGhhY4N3OinRSBAWqDXkOPoPtxKbr95Xq29HkSa02ex3tPG4VFroyJzGYrS11uZzendWYnPXs9EIaxrt8I3HP13r/9fTh3gdANDCrMJqSaXyAAAAAElFTkSuQmCC') no-repeat 10px 0;
}