1 files changed, 71 insertions, 0 deletions
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
new file mode 100644
index 0000000..09d234a
--- /dev/null
+++ b/design/sass/_notes.scss
@@ -0,0 +1,71 @@
+.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;
+    }
+}