82 lines
1.0 KiB
SCSS
82 lines
1.0 KiB
SCSS
#write {
|
|
|
|
position: relative;
|
|
height:100%;
|
|
|
|
/* Write - Editor */
|
|
|
|
#editor_container {
|
|
height: calc(100% - 2em);
|
|
overflow: hidden;
|
|
position: relative;
|
|
|
|
#editor_content {
|
|
|
|
height:auto;
|
|
position: relative;
|
|
|
|
.ql-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.ql-editor, #context {
|
|
@extend .thought;
|
|
}
|
|
|
|
#context {
|
|
.entry_date {
|
|
text-align: right;
|
|
}
|
|
|
|
.entry_sep {
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
letter-spacing: 0.3em;
|
|
padding: 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Write - Navbar */
|
|
|
|
#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;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Write - Feedback */
|
|
|
|
#write_feedback {
|
|
position:absolute;
|
|
top: -2.5rem;
|
|
right: -1rem;
|
|
font-size: 0.8em;
|
|
|
|
.notice {
|
|
color: $gray-400;
|
|
}
|
|
}
|
|
} |