Commit 32f3b3b65f755773019450067162f65fffd00e6f
tweaks styles for max and mini style messages
mix irving committed on 12/30/2016, 9:55:59 PMParent: 038a737d7b268452a2d1ca1cd1e3ade9b5e966ff
Files changed
modules_basic/about.mcss | changed |
modules_basic/message-author.mcss | changed |
modules_basic/message.mcss | changed |
modules_basic/timestamp.mcss | changed |
modules_basic/about.mcss | ||
---|---|---|
@@ -5,9 +5,9 @@ | ||
5 | 5 … | section { |
6 | 6 … | header { |
7 | 7 … | a { |
8 | 8 … | -target { |
9 | - color: green | |
9 … | + | |
10 | 10 … | } |
11 | 11 … | -name { |
12 | 12 … | |
13 | 13 … | } |
modules_basic/message-author.mcss | ||
---|---|---|
@@ -1,8 +1,22 @@ | ||
1 | 1 … | MessageAuthor { |
2 | 2 … | display: flex |
3 | 3 … | flex-direction: column |
4 | 4 … | |
5 … | + section { | |
6 … | + -image { | |
7 … | + margin-bottom: .3rem | |
8 … | + } | |
9 … | + | |
10 … | + -name { | |
11 … | + a { color: black } | |
12 … | + } | |
13 … | + | |
14 … | + -timestamp { | |
15 … | + | |
16 … | + } | |
17 … | + } | |
18 … | + | |
5 | 19 … | -mini { |
6 | 20 … | flex-direction: row |
7 | 21 … | |
8 | 22 … | section { |
modules_basic/message.mcss | |||
---|---|---|---|
@@ -1,30 +1,55 @@ | |||
1 | 1 … | Message { | |
2 | 2 … | padding-top: 1em | |
3 | 3 … | padding-bottom: 1em | |
4 … | + padding-left: 6rem | ||
4 | 5 … | border-top: solid 1px gainsboro | |
6 … | + position: relative | ||
5 | 7 … | ||
6 | 8 … | -mini { | |
7 | 9 … | padding-top: 0.25rem | |
8 | 10 … | padding-bottom: 0.25rem | |
9 | 11 … | ||
10 | 12 … | section.content { | |
11 | 13 … | clear: none | |
12 | 14 … | } | |
15 … | + | ||
16 … | + display: flex | ||
17 … | + flex-direction: row | ||
18 … | + position: inherit | ||
19 … | + | ||
20 … | + header.author { | ||
21 … | + position: inherit | ||
22 … | + order: 0 | ||
23 … | + } | ||
24 … | + | ||
25 … | + section.content { | ||
26 … | + order: 1 | ||
27 … | + flex-grow: 1 | ||
28 … | + } | ||
29 … | + | ||
30 … | + section.meta { | ||
31 … | + order: 2 | ||
32 … | + } | ||
13 | 33 … | } | |
14 | 34 … | ||
15 | 35 … | header.author { | |
16 | - float: left | ||
36 … | + position: absolute | ||
37 … | + margin-left: -6rem | ||
17 | 38 … | display: flex | |
18 | 39 … | flex-direction: column | |
19 | 40 … | } | |
20 | 41 … | ||
21 | 42 … | section.title { | |
22 | 43 … | float: left | |
44 … | + font-size: .9rem | ||
23 | 45 … | } | |
24 | 46 … | ||
25 | 47 … | section.meta { | |
26 | 48 … | float: right | |
49 … | + a { | ||
50 … | + color: gray | ||
51 … | + } | ||
27 | 52 … | } | |
28 | 53 … | ||
29 | 54 … | section.content { | |
30 | 55 … | clear: both |
Built with git-ssb-web