Sha256: a952a9b78d92c686a98c63e6576351143c5bb40cbb290ff214156c4a731ecf28
Contents?: true
Size: 1.79 KB
Versions: 11
Compression:
Stored size: 1.79 KB
Contents
.social-icons {
display: none;
}
#header_img {
width: 40px;
height: 40px;
}
.editor {
position: relative;
/* gap: 20px; */
}
.input_editor_bar,
.output_editor_bar {
background-color: rgba(32, 152, 243, .8);
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
font-weight: 900;
padding: 8px 20px;
border-right: 1px solid #fff;
/* border-top-right-radius: 4px;
border-top-left-radius: 4px; */
}
.editor_action {
display: flex;
align-items: center;
gap: 15px;
}
.editor_action>i {
cursor: pointer;
font-size: 20px;
margin: 0px;
color: #fff;
}
.editor_action .copy_icon,
.save_icon {
cursor: pointer;
width: 20px;
height: 20px;
}
#left_editor_div,
#right_editor_div {
width: 100%;
}
#output_editor,
#input_editor {
border-right: 1px solid rgba(0, 0, 0, .1);
font-size: 17px;
height: 450px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.format_json {
background: rgba(32, 152, 243, .8);
position: absolute;
left: 530px;
top: 230px;
border-radius: 30px;
z-index: 9;
height: 40px;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.editor_btns {
align-items: center;
height: 100%;
cursor: pointer;
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
}
.editor_btns img {
cursor: pointer;
}
@media (max-width:768px) {
#left_editor_div, #right_editor_div{
order: 1;
}
.editor {
flex-direction: column;
gap: 20px;
}
.format_json {
position: unset;
margin: 0 auto;
}
}
Version data entries
11 entries across 11 versions & 1 rubygems