siesta-lite
Version:
Stress-free JavaScript unit testing and functional testing tool, works in NodeJS and browsers
56 lines (55 loc) • 1.7 kB
CSS
.TextBox {
margin-bottom: 20px; }
.TextBox.HideControl .TextBox__CTA {
display: none; }
.TextBox.isActive {
background-color: rgba(226, 225, 215, 0.2); }
.TextBox .Texbx__FontDetails {
display: flex; }
.TextBox .Texbx__FontDetails .FontsDetails__Item {
color: rgba(110, 110, 60, 0.5);
text-transform: capitalize; }
.TextBox .Texbx__FontDetails .FontsDetails__Item:after {
content: "|";
display: inline-block;
padding: 0 5px; }
.TextBox .Texbx__FontDetails .FontsDetails__Item:last-child:after {
display: none; }
.TextBox .Texbx__FontDetails .FontsDetails__Item:hover {
color: #262626; }
.TextBox .TextBox__TextArea {
padding: 15px 15px; }
.TextBox .TextBox__TextArea textarea {
appearance: none;
background: none;
border: none;
resize: none;
color: #000;
font-size: 40px;
line-height: 1;
margin-top: 10px;
width: 100%;
min-height: 150px;
height: 100%; }
.TextBox .TextBox__TextArea textarea::placeholder {
color: rgba(110, 110, 60, 0.2); }
.TextBox .TextBox__TextArea textarea:focus {
outline: none; }
.TextBox .TextBox__CTA {
padding: 10px;
display: flex;
justify-content: space-between; }
.TextBox .TextBox__CTA button {
appearance: none;
background: #ffdf01;
border-radius: 4px;
border: none;
cursor: pointer;
font-size: 13px;
padding: 6px 10px; }
.TextBox .TextBox__CTA button .fa {
padding-right: 5px;
font-weight: bold; }
.TextBox .TextBox__CTA button:hover {
background: #000;
color: #fff; }