PCv5/app/static/less/editor.less

83 lines
1.2 KiB
Plaintext

@import "vars";
.editor {
.btn-group {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
.filler {
flex-grow: 1;
}
button {
/* This centers the 20x20 SVG in the button */
padding: 6px;
background-color: var(--background);
&:hover {
background: var(--background-hover);
}
& > svg {
width: 20px;
height: 20px;
& > path, & > rect {
fill: var(--icons);
}
}
}
button, .separator {
margin: 0 8px 8px 0;
height: 32px;
position: relative;
}
& > a {
margin: 0 0 8px 0;
}
// From gitea
.separator {
display: inline-block;
width: 0;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #fff;
color: transparent;
text-indent: -10px;
}
}
textarea {
min-height: 15rem;
}
#editor_content_preview {
margin: 5px;
margin-top: 10px;
border: var(--border);
}
.modal {
position: absolute;
left: 0px;
width: auto;
white-space: nowrap;
text-align: left;
right: inherit;
background-image: none;
background-color: rgb(22, 24, 25);
border-color: rgb(58, 63, 66);
border-radius: .4rem;
padding: .2rem;
top: 3.2rem;
z-index: 100;
list-style-position: initial;
list-style-type: none;
}
}