separate out styles for markdowneditor; convert mainlayout style module styles to just sass; add style to stream title editor in header;

This commit is contained in:
gingervitis
2021-02-04 09:17:20 -08:00
parent 6e43870d41
commit 7786c7e113
10 changed files with 460 additions and 266 deletions

View File

@@ -0,0 +1,46 @@
// markdown editor overrides
.rc-virtual-list-scrollbar {
display: block !important;
}
.rc-md-editor {
// Set the background color of the preview container
.editor-container {
background-color: #E2E8F0;
color: rgba(45,55,72,1);
}
// Custom CSS for formatting the preview text
.markdown-editor-preview-pane {
// color:lightgrey;
a {
color: var(--owncast-purple);;
}
h1 {
font-size: 2em;
}
}
// Custom CSS class used to format the text of the editor
.markdown-editor-pane {
color: white !important;
background-color: black;
font-family: monospace;
}
// Set the background color of the editor text input
textarea {
background-color: rgb(44,44,44) !important;
color:lightgrey !important;
}
.ant-btn {
transition-duration: .15s;
transition-delay: 0s;
}
// Hide extra toolbar buttons.
.button-type-undo, .button-type-redo, .button-type-clear, .button-type-image, .button-type-wrap, .button-type-quote, .button-type-strikethrough, .button-type-code-inline, .button-type-code-block {
display: none !important;
}
}