Files
mythoughts/style/_quill.scss
2020-03-22 21:19:11 +01:00

90 lines
1.4 KiB
SCSS

@import 'quill/quill.bubble';
.ql-editor.ql-blank::before {
left: 1.5em;
color: $gray-400;
}
.editor {
position: relative;
height:100%;
.edi_container {
height: calc(100% - 2em); /* 2 * 2em*/
overflow: hidden;
position: relative;
.edi_content {
height:auto;
position: relative;
.ql-container {
padding: 0;
}
.ql-editor {
padding: 0;
font-family: $font_para;
font-size: 14px;
& > p + p > .edi_thought_date, & > p + p > .edi_thought_time {
padding-top: 1em;
}
div {
margin: 0;
&.edi_thought_date, &.edi_thought_time {
color: $gray-500;
font-style: italic;
line-height: 3em;
display: block;
}
&.edi_thought_time {
text-align: right;
margin-right: 2px;
}
}
p {
text-indent: 1.5em;
margin: 0;
padding: 0;
text-align: justify;
line-height: 1.5em;
}
}
}
}
/* Write - Navbar */
.edi_nav {
position: absolute;
bottom: 0;
right: 0;
left: 0;
.nav-elem {
color: $gray-500;
display: inline-block;
cursor: pointer;
width: 1.25em;
font-size: 1.25em;
&:hover {
color: $gray-700;
}
&.prev, &.curr, &.next {
visibility: hidden;
}
&.next {
float: right;
}
}
}
}