Skip to content

Commit 09335af

Browse files
author
Andrew Adamson
committed
forgot to run css before committing.
1 parent 30a1910 commit 09335af

File tree

1 file changed

+79
-108
lines changed

1 file changed

+79
-108
lines changed

‎src/Notes/Notes.css

+79-108
Original file line numberDiff line numberDiff line change
@@ -1,111 +1,82 @@
11
.notes {
22
display: flex;
33
flex-direction: column; }
4-
5-
.notes button {
6-
color: #A6A6B8; }
7-
8-
.notes button.delete {
9-
background-color: #cc0000;
10-
color: #fff;
11-
border-color: #e14848; }
12-
13-
.notes button:focus, .notes button:hover {
14-
border-color: #59597F;
15-
color: #7E7E9A; }
16-
17-
.notes button:focus:disabled, .notes button:hover:disabled {
18-
color: #A6A6B8; }
19-
20-
.notes .header {
21-
text-align: right; }
22-
23-
.notes .header button {
24-
margin: 1em; }
25-
26-
.notes .body {
27-
display: flex;
28-
flex-direction: row;
29-
height: 100%; }
30-
31-
.notes .body .folders-list, .notes .body .notes-list {
32-
flex: 0 0 200px; }
33-
34-
.notes .body .entry-form {
35-
flex: 1; }
36-
37-
.notes .entry-form {
38-
display: flex;
39-
flex-direction: column;
40-
height: 100%; }
41-
42-
.notes .entry-form > * {
43-
margin: 1em 1em 0 1em; }
44-
45-
.notes .entry-form ::placeholder {
46-
color: #A6A6B8; }
47-
48-
.notes .entry-form input {
49-
flex: 0 0 2em; }
50-
51-
.notes .entry-form textarea {
52-
flex: 1; }
53-
54-
.notes .entry-form div {
55-
display: flex;
56-
flex: 0 0 4em;
57-
justify-content: space-evenly;
58-
align-items: center; }
59-
60-
.notes .header {
61-
background-color: #ccccd7; }
62-
63-
.notes .header input {
64-
background-color: transparent;
65-
border-radius: 0;
66-
border-bottom: 1px solid #A6A6B8; }
67-
68-
.notes .header input ::placeholder {
69-
color: #A6A6B8; }
70-
71-
.notes .header button {
72-
color: #FBFBFB;
73-
background-color: #59597F; }
74-
75-
.notes .folders-list, .notes .notes-list {
76-
display: inline-block;
77-
height: 100%;
78-
overflow-y: auto;
79-
color: #555; }
80-
81-
.notes .folders-list {
82-
background-image: linear-gradient(to bottom, #D5D5DC, #b9b9c5); }
83-
84-
.notes .folders-list li {
85-
border-bottom: 1px solid #9BA3AD; }
86-
87-
.notes .folders-list li.selected {
88-
background-color: #62557C;
89-
color: #FBFBFB; }
90-
91-
.notes .notes-list {
92-
background-image: linear-gradient(to bottom, #e0e0e5, #cacad3);
93-
height: 100%; }
94-
95-
.notes .notes-list li {
96-
border-bottom: 1px solid #D5D5DC; }
97-
98-
.notes .notes-list .name {
99-
font-weight: lighter; }
100-
101-
.notes .notes-list .meta {
102-
color: #A6A6B8;
103-
text-transform: uppercase;
104-
font-size: 0.75em; }
105-
106-
.notes .notes-list .selected {
107-
background-color: #59597F;
108-
color: #D5D5DC; }
109-
110-
.notes .notes-list .selected .meta {
111-
color: #9BA3AD; }
4+
.notes button {
5+
color: #A6A6B8; }
6+
.notes button.delete {
7+
background-color: #cc0000;
8+
color: #fff;
9+
border-color: #e14848; }
10+
.notes button:focus, .notes button:hover {
11+
border-color: #59597F;
12+
color: #7E7E9A; }
13+
.notes button:focus:disabled, .notes button:hover:disabled {
14+
color: #A6A6B8; }
15+
.notes .header {
16+
text-align: right; }
17+
.notes .header button {
18+
margin: 1em; }
19+
.notes .body {
20+
display: flex;
21+
flex-direction: row;
22+
height: 100%; }
23+
.notes .body .folders-list, .notes .body .notes-list {
24+
flex: 0 0 200px; }
25+
.notes .body .entry-form {
26+
flex: 1; }
27+
.notes .entry-form {
28+
display: flex;
29+
flex-direction: column;
30+
height: 100%; }
31+
.notes .entry-form > * {
32+
margin: 1em 1em 0 1em; }
33+
.notes .entry-form ::placeholder {
34+
color: #A6A6B8; }
35+
.notes .entry-form input {
36+
flex: 0 0 2em; }
37+
.notes .entry-form textarea {
38+
flex: 1; }
39+
.notes .entry-form div {
40+
display: flex;
41+
flex: 0 0 4em;
42+
justify-content: space-evenly;
43+
align-items: center; }
44+
.notes .header {
45+
background-color: #ccccd7; }
46+
.notes .header input {
47+
background-color: transparent;
48+
border-radius: 0;
49+
border-bottom: 1px solid #A6A6B8; }
50+
.notes .header input ::placeholder {
51+
color: #A6A6B8; }
52+
.notes .header button {
53+
color: #FBFBFB;
54+
background-color: #59597F; }
55+
.notes .folders-list, .notes .notes-list {
56+
display: inline-block;
57+
height: 100%;
58+
overflow-y: auto;
59+
color: #555; }
60+
.notes .folders-list {
61+
background-image: linear-gradient(to bottom, #D5D5DC, #b9b9c5); }
62+
.notes .folders-list li {
63+
border-bottom: 1px solid #9BA3AD; }
64+
.notes .folders-list li.selected {
65+
background-color: #62557C;
66+
color: #FBFBFB; }
67+
.notes .notes-list {
68+
background-image: linear-gradient(to bottom, #e0e0e5, #cacad3);
69+
height: 100%; }
70+
.notes .notes-list li {
71+
border-bottom: 1px solid #D5D5DC; }
72+
.notes .notes-list .name {
73+
font-weight: lighter; }
74+
.notes .notes-list .meta {
75+
color: #A6A6B8;
76+
text-transform: uppercase;
77+
font-size: 0.75em; }
78+
.notes .notes-list .selected {
79+
background-color: #59597F;
80+
color: #D5D5DC; }
81+
.notes .notes-list .selected .meta {
82+
color: #9BA3AD; }

0 commit comments

Comments
 (0)