Commit cdd29b4f3b975fc5d52747af2ee7173ae1bf0958
update to new micro-css mixins leader _
mix irving committed on 2/10/2017, 9:29:35 AMParent: 781a2bdfaf60b9dd6a8f96e73a33a4170c6f8a7c
Files changed
modules_basic/avatar/edit.mcss | changed |
modules_basic/avatar/profile.mcss | changed |
modules_basic/compose.mcss | changed |
modules_basic/follow.mcss | changed |
modules_basic/message/author.mcss | changed |
modules_basic/message/backlinks.mcss | changed |
modules_basic/message/render.mcss | changed |
modules_basic/timestamp.mcss | changed |
modules_core/style/mixins.js | changed |
modules_extra/network.mcss | changed |
style.css | changed |
modules_basic/avatar/edit.mcss | ||
---|---|---|
@@ -6,8 +6,9 @@ | ||
6 | 6 … | margin-bottom: 2rem |
7 | 7 … | |
8 | 8 … | section.lightbox { |
9 | 9 … | position: absolute |
10 … | + z-index: 40 | |
10 | 11 … | } |
11 | 12 … | |
12 | 13 … | section.avatar { |
13 | 14 … | margin-right: 1rem |
@@ -49,9 +50,9 @@ | ||
49 | 50 … | header { |
50 | 51 … | flex-basis: 100% |
51 | 52 … | |
52 | 53 … | font-size: .9rem |
53 | - $textSubtle | |
54 … | + _textSubtle | |
54 | 55 … | |
55 | 56 … | margin-bottom: .2rem |
56 | 57 … | } |
57 | 58 … | |
@@ -60,9 +61,9 @@ | ||
60 | 61 … | } |
61 | 62 … | |
62 | 63 … | section.avatars { |
63 | 64 … | img { |
64 | - $avatar-large | |
65 … | + _avatar-large | |
65 | 66 … | margin: 0 .15rem 0.2rem 0 |
66 | 67 … | |
67 | 68 … | cursor: pointer |
68 | 69 … | } |
@@ -70,9 +71,9 @@ | ||
70 | 71 … | div.file-upload { |
71 | 72 … | position: relative |
72 | 73 … | |
73 | 74 … | input[type="file"] { |
74 | - $avatar-large | |
75 … | + _avatar-large | |
75 | 76 … | color: transparent |
76 | 77 … | |
77 | 78 … | ::-webkit-file-upload-button { |
78 | 79 … | visibility: hidden |
@@ -151,9 +152,9 @@ | ||
151 | 152 … | } |
152 | 153 … | |
153 | 154 … | button.confirm { |
154 | 155 … | color: #fff |
155 | - $backgroundPrimary | |
156 … | + _backgroundPrimary | |
156 | 157 … | border: none |
157 | 158 … | } |
158 | 159 … | } |
159 | 160 … | } |
modules_basic/avatar/profile.mcss | ||
---|---|---|
@@ -21,18 +21,18 @@ | ||
21 | 21 … | |
22 | 22 … | header { |
23 | 23 … | flex-basis: 100% |
24 | 24 … | |
25 | - $textSubtle | |
25 … | + _textSubtle | |
26 | 26 … | font-size: .9rem |
27 | 27 … | |
28 | 28 … | margin-bottom: .2rem |
29 | 29 … | } |
30 | 30 … | |
31 | 31 … | section a { |
32 | 32 … | margin-right: .2rem |
33 | 33 … | |
34 | - img { $avatar-small } | |
34 … | + img { _avatar-small } | |
35 | 35 … | } |
36 | 36 … | } |
37 | 37 … | |
38 | 38 … | div.your-status { |
@@ -45,9 +45,9 @@ | ||
45 | 45 … | section a { |
46 | 46 … | margin: 0 .2rem 0.2rem 0 |
47 | 47 … | |
48 | 48 … | img { |
49 | - $avatar-large | |
49 … | + _avatar-large | |
50 | 50 … | } |
51 | 51 … | } |
52 | 52 … | } |
53 | 53 … | |
@@ -58,14 +58,14 @@ | ||
58 | 58 … | } |
59 | 59 … | } |
60 | 60 … | } |
61 | 61 … | |
62 | -$avatar-large { | |
62 … | +_avatar-large { | |
63 | 63 … | width: 56px |
64 | 64 … | height: 56px |
65 | 65 … | } |
66 | 66 … | |
67 | -$avatar-small { | |
67 … | +_avatar-small { | |
68 | 68 … | width: 32px |
69 | 69 … | height: 32px |
70 | 70 … | } |
71 | 71 … |
modules_basic/compose.mcss | ||
---|---|---|
@@ -46,9 +46,9 @@ | ||
46 | 46 … | visibility: hidden |
47 | 47 … | } |
48 | 48 … | |
49 | 49 … | ::before { |
50 | - $composeButton | |
50 … | + _composeButton | |
51 | 51 … | padding-top: .3rem |
52 | 52 … | |
53 | 53 … | content: '📎' |
54 | 54 … | font-size: 1rem |
@@ -64,9 +64,9 @@ | ||
64 | 64 … | } |
65 | 65 … | } |
66 | 66 … | |
67 | 67 … | button { |
68 | - $composeButton | |
68 … | + _composeButton | |
69 | 69 … | |
70 | 70 … | text-transform: uppercase |
71 | 71 … | font-weight: bold |
72 | 72 … | font-size: .7rem |
@@ -104,9 +104,9 @@ | ||
104 | 104 … | } |
105 | 105 … | |
106 | 106 … | } |
107 | 107 … | |
108 | -$composeButton { | |
108 … | +_composeButton { | |
109 | 109 … | background: #fff |
110 | 110 … | color: #666 |
111 | 111 … | border: 1px solid #bbb |
112 | 112 … | border-radius: .5rem |
modules_basic/follow.mcss | ||
---|---|---|
@@ -4,8 +4,8 @@ | ||
4 | 4 … | margin: 0 .5rem 0 0 |
5 | 5 … | } |
6 | 6 … | |
7 | 7 … | label { |
8 | - $textSubtle | |
8 … | + _textSubtle | |
9 | 9 … | } |
10 | 10 … | } |
11 | 11 … |
modules_basic/message/author.mcss | ||
---|---|---|
@@ -8,9 +8,9 @@ | ||
8 | 8 … | } |
9 | 9 … | |
10 | 10 … | -name { |
11 | 11 … | max-width: 7rem |
12 | - a { $textPrimary } | |
12 … | + a { _textPrimary } | |
13 | 13 … | } |
14 | 14 … | |
15 | 15 … | -timestamp { |
16 | 16 … |
modules_basic/message/backlinks.mcss | ||
---|---|---|
@@ -2,18 +2,18 @@ | ||
2 | 2 … | font-size: .9rem |
3 | 3 … | margin-top: .5rem |
4 | 4 … | |
5 | 5 … | header { |
6 | - $textSubtle | |
6 … | + _textSubtle | |
7 | 7 … | } |
8 | 8 … | |
9 | 9 … | ul { |
10 | 10 … | padding-left: 1rem |
11 | 11 … | |
12 | 12 … | li { |
13 | 13 … | a { |
14 | 14 … | -backlink { |
15 | - $textSubtle | |
15 … | + _textSubtle | |
16 | 16 … | |
17 | 17 … | } |
18 | 18 … | } |
19 | 19 … | } |
modules_basic/message/render.mcss | ||
---|---|---|
@@ -25,9 +25,9 @@ | ||
25 | 25 … | margin-left: .4rem |
26 | 26 … | } |
27 | 27 … | |
28 | 28 … | a { |
29 | - $textSubtle | |
29 … | + _textSubtle | |
30 | 30 … | } |
31 | 31 … | |
32 | 32 … | /* this is for private message_meta, TODO find a better home */ |
33 | 33 … | (img) { |
modules_basic/timestamp.mcss | ||
---|---|---|
@@ -1,7 +1,7 @@ | ||
1 | 1 … | Timestamp { |
2 | 2 … | a { |
3 | - $textSubtle | |
3 … | + _textSubtle | |
4 | 4 … | font-size: .8rem |
5 | 5 … | } |
6 | 6 … | } |
7 | 7 … |
modules_core/style/mixins.js | |||
---|---|---|---|
@@ -1,15 +1,15 @@ | |||
1 | 1 … | ||
2 | 2 … | const mixins = ` | |
3 | - $textPrimary { | ||
3 … | + _textPrimary { | ||
4 | 4 … | color: #222 | |
5 | 5 … | } | |
6 | 6 … | ||
7 | - $textSubtle { | ||
7 … | + _textSubtle { | ||
8 | 8 … | color: gray | |
9 | 9 … | } | |
10 | 10 … | ||
11 | - $backgroundPrimary { | ||
11 … | + _backgroundPrimary { | ||
12 | 12 … | background-color: #50aadf | |
13 | 13 … | } | |
14 | 14 … | ` | |
15 | 15 … |
modules_extra/network.mcss | ||
---|---|---|
@@ -32,9 +32,9 @@ | ||
32 | 32 … | left: 0 |
33 | 33 … | top: 3.5rem |
34 | 34 … | |
35 | 35 … | font-size: .8rem |
36 | - $textSubtle | |
36 … | + _textSubtle | |
37 | 37 … | } |
38 | 38 … | |
39 | 39 … | section.name { |
40 | 40 … | flex-basis: 100% |
@@ -45,9 +45,9 @@ | ||
45 | 45 … | section.type { |
46 | 46 … | flex-basis: 100% |
47 | 47 … | |
48 | 48 … | font-size: .8rem |
49 | - $textSubtle | |
49 … | + _textSubtle | |
50 | 50 … | } |
51 | 51 … | |
52 | 52 … | section.source { |
53 | 53 … | flex-basis: 100% |
@@ -93,9 +93,9 @@ | ||
93 | 93 … | flex-basis: 100% |
94 | 94 … | display: flex |
95 | 95 … | |
96 | 96 … | font-size: .8rem |
97 | - $textSubtle | |
97 … | + _textSubtle | |
98 | 98 … | |
99 | 99 … | div.rtt { |
100 | 100 … | flex-basis: 8rem |
101 | 101 … | label { margin-right: .5rem } |
@@ -110,8 +110,8 @@ | ||
110 | 110 … | section.address{ |
111 | 111 … | flex-basis: 100% |
112 | 112 … | |
113 | 113 … | font-size: .8rem |
114 | - $textSubtle | |
114 … | + _textSubtle | |
115 | 115 … | } |
116 | 116 … | } |
117 | 117 … |
style.css | ||
---|---|---|
@@ -179,15 +179,15 @@ | ||
179 | 179 … | } |
180 | 180 … | |
181 | 181 … | /* lightbox - used in message-confirm */ |
182 | 182 … | |
183 | -.lightbox { | |
183 … | +div.lightbox { | |
184 | 184 … | position: fixed; |
185 | 185 … | left: 0px; |
186 | 186 … | right: 0px; |
187 | 187 … | top: 50px; |
188 | 188 … | overflow: auto; |
189 | - width: 650px; | |
189 … | + width: 600px; | |
190 | 190 … | max-width: 100%; |
191 | 191 … | padding: 25px; |
192 | 192 … | margin: auto; |
193 | 193 … |
Built with git-ssb-web