.note-title {
    @include fontsize(22);
}
.note-header {
    @extend %clearfix;
}
.note-header-float {
    width: 30%;
    float: right;
    text-align: right;
}
.note-time, .note-url {
    text-align: right;
    @include fancy-sans;
    @include fontsize(13);
}
.note-container {
    @include constrain(80%);
}
#note-body {
    @include fancy-sans;
    @include fontsize(15);
}
.inactive {
    .ql-editor {
        padding:0;
        line-height:inherit;
        p {
            padding:inherit;
            margin-bottom:10px;
        }
    }
    .ql-toolbar {
        display:none;
    }
    .ql-container.ql-snow {
        border:none;
        font-family:inherit;
        font-size:inherit;
    }
}
.note-list-container {
    max-width: 300px;
    ul {
        padding: 0;
        list-style-type: none;
    }
    li {
        @include fontsize(13);
        height: 4.5rem;
        box-shadow: 0 -1px 0 #e7e2ee inset;
        margin: 0;
        a {
            color: lighten($body_font_color, 15);
            text-decoration: none;
        }
    }
    h4 {
        @include fontsize(15);
        margin: 0;
        padding: 8px 0 8px 6px;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap;
    }
    .note-preview {
        padding-left: 6px;
        overflow: hidden;
        white-space: nowrap;
    }
}