JSFiddle - React, Tailwind, and code Playground
CSS
/*---BB Редактор---*/
.bb-pane {
height: 1%; overflow: hidden;
padding-bottom: 5px;
padding-left: 5px;
margin: 0;
height: auto !important;
/* фон вокруг кнопок */
text-decoration:none;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#DEC17A), to(#C16638));
background-image: -webkit-linear-gradient(top, #DEC17A, 0%, #C16638, 100%);
background-image: -moz-linear-gradient(top, #DEC17A 0%, #C16638 100%);
background-image: linear-gradient(to bottom, #DEC17A 0%, #C16638 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEC17A', endColorstr='#C16638', GradientType=0);
border-radius: 3px 3px 3px 3px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
/* бордер верхняя панель */
border-top:1px solid #C16638;
border-left:1px solid #C16638;
border-right:1px solid #C16638;
box-shadow: none !important;
}
.bb-pane>b {
margin-top: 5px;
margin-left: 0;
vertical-align: middle;
}
.bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane {
margin-left:-1px;
}
.bb-btn {
display: inline-block; overflow: hidden; float: left;
padding: 4px 10px;
border: 1px solid #C16638; /* бордер вокруг кнопок */
-webkit-box-shadow: inset 0 1px 2px white;
-moz-box-shadow: inset 0 1px 2px white;
box-shadow: inset 0 1px 2px white;
background-repeat: repeat-x;
/* цвет кнопок */
background-image: -webkit-gradient(linear, left 0%, left 100%, color-stop(0%, #EED69C), color-stop(100%, #EED69C));
background-image: -webkit-linear-gradient(top, #EED69C, 0%, #EED69C, 100%);
background-image: -moz-linear-gradient(top, #EED69C, 0%, #EED69C,...