src/components/styles/EditorView.scss
@import "partials/variables";

.editor-view{
    -webkit-app-region: no-drag;
    background: $default-background;
    position: relative;
    margin-left: 52px;
    margin-top: 30px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    .header{
        font-size: 14px;
        font-family: $default-font;
        background: $umbrella_secondary;
        color: white;
        position: absolute;
        z-index: 10;
        padding: 5px 15px;
        border-bottom-right-radius: 5px;
        top: 0px;
    }

    form {
        padding: 25px;
        width: 100%;
        -webkit-app-region: no-drag;

        .main-editor {
            -webkit-app-region: no-drag;
            font-family: $default-font;
            border: none;
            outline: none;
            background: inherit;
            min-width: 100%;
            max-width: 100%;
            font-size: 15.5px;
            // line-height: 18px;
            padding-right: 20%;
        }
    }

    .save.icon {
        -webkit-app-region: no-drag;
	    position: fixed;
	    bottom: 0px;
	    right: 0px;
	    margin: 22px 28px;
	    z-index: 100;
        border: none;
        padding: 12px 13px;
        margin-left: 15px;
        border-radius: 50%;
        background: $umbrella_secondary;
        color: white;
        cursor: pointer;
        outline: none;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
        transition: 0.2s;
        &:hover {
            background-color: #2b2b2b;

        }


        svg {
            position: relative;
            top: 1px;
            left: 1px;
        }
    }
}

.editor-view::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.editor-view::-webkit-scrollbar {
    width: 7px;
    background-color: transparent;
}

.editor-view::-webkit-scrollbar-thumb {
    background-color: $grey;
}

.editor-view{
	.main-editor{
	    p{
		    font-size: 16px;
		    line-height: 24px;
		    margin: 15px 0;
		    font-family: $default-font;
		    font-weight: 400;
		    -webkit-font-smoothing: antialiased;
		    font-style: normal;
        }

        h1{
        	font-family: $default-font;
        	font-size: 31px;
        	line-height: 40.3px;
        	font-weight: 400;
        	max-width: 500px;
        	-webkit-font-smoothing: antialiased;
        	margin: 20px 0px;
        }

        h2{
        	font-family: $default-font;
		    font-weight: 400;
		    font-size: 22px;
		    max-width: 500px;
		    -webkit-font-smoothing: antialiased;
        	margin: 18px 0px;
        	line-height: 28px;
        }

        strong{
        	font-weight: 700;
        	font-family: $default-font;
        }

		blockquote {
            margin: 30px 0;
            color: #727272;
            font-style: oblique;
            border-left: 3px solid #727272;
            padding-left: 17px;
            font-size: 16px;
        }
        em{
            font-family: $default-font;
            font-style: italic;
        }

	}
}

