Files
mythoughts/style/_write.scss
2016-12-20 17:22:56 +13:00

102 lines
1.5 KiB
SCSS

#write {
height:100%;
#editor_container {
padding:1em;
height: calc(100% - 4em);
overflow: hidden;
#editor_content {
height:auto;
position: relative;
.ql-container {
font-family: 'Indie Flower', cursive;
font-size: 16px;
padding:0;
.ql-editor {
padding:0;
}
}
}
}
}
/* Write - Editor */
#write #editor div {
margin:0;
}
#write #editor p {
text-indent: 1.5em;
margin:1em 0 0 0;
padding:0;
text-align: justify;
}
#write #editor p:first-child {
margin-top: 0;
}
#write .jqte_editor p:FIRST-CHILD, #write .jqte_toolbar {
margin-top:0.5em;
}
/* Write - Toolbar */
#write #nav {
position:absolute;
bottom:0;
right:0;
left:0;
text-align: center;
}
#write .fa-prev, #write .page_nb, #write .fa-next {
color:#997E60;
font-size:1.5em;
margin:0 0 0.5em 0;
cursor:pointer;
}
#write .page_nb {
font-size: 1em;
vertical-align:0.25em;
cursor: default;
padding-left:0.5em;
padding-right:0.5em;
}
#write .fa-prev:hover, #write .fa-next:hover {
color:#584127;
}
#write .fa-prev.disabled, #write .fa-next.disabled,
#write .fa-prev.disabled:hover, #write .fa-next.disabled:hover {
color:#EDE0D0;
}
/* Write - Placeholder */
#write .jqte_placeholder_text {
top:1em;
left:0;
text-indent: 1.5em;
}
#write .jqte_focused .jqte_placeholder_text {
display:none;
}
/* Write - Feedback */
#write_feedback {
position:absolute;
top: -1.5em;
right:0.5em;
}