Commit 460e6673a4125705de97be7e0db898635b113fbe
add mixins to styles
mix irving committed on 12/31/2016, 10:32:00 PMParent: 34a9a046aafdc75d2175d111e348bca2c5364fb7
Files changed
modules_basic/message-author.mcss | changed |
modules_basic/message.mcss | changed |
modules_basic/timestamp.mcss | changed |
modules_core/index.js | changed |
modules_core/style-mixins.js | added |
modules_basic/message-author.mcss | ||
---|---|---|
@@ -8,9 +8,9 @@ | ||
8 | 8 … | } |
9 | 9 … | |
10 | 10 … | -name { |
11 | 11 … | max-width: 7rem |
12 | - a { color: black } | |
12 … | + a { $text-primary } | |
13 | 13 … | } |
14 | 14 … | |
15 | 15 … | -timestamp { |
16 | 16 … |
modules_basic/message.mcss | ||
---|---|---|
@@ -24,9 +24,9 @@ | ||
24 | 24 … | section.meta { |
25 | 25 … | display: flex |
26 | 26 … | a { |
27 | 27 … | margin-left: .2rem |
28 | - color: gray | |
28 … | + $text-subtle | |
29 | 29 … | } |
30 | 30 … | |
31 | 31 … | input{ |
32 | 32 … | margin-right: 0 |
modules_basic/timestamp.mcss | ||
---|---|---|
@@ -1,6 +1,7 @@ | ||
1 | 1 … | Timestamp { |
2 | 2 … | a { |
3 … | + $text-subtle | |
3 | 4 … | font-size: .8rem |
4 | - color: gray | |
5 | 5 … | } |
6 | 6 … | } |
7 … | + |
modules_core/index.js | ||
---|---|---|
@@ -7,7 +7,8 @@ | ||
7 | 7 … | "menu.js": require('./menu.js'), |
8 | 8 … | "message-confirm.js": require('./message-confirm.js'), |
9 | 9 … | "tabs.js": require('./tabs.js'), |
10 | 10 … | "sbot.js": require('./sbot.js'), |
11 … | + "style-mixins.js": require('./style-mixins.js'), | |
11 | 12 … | "styles.js": require('./styles.js') |
12 | 13 … | } |
13 | 14 … |
modules_core/style-mixins.js | ||
---|---|---|
@@ -1,0 +1,22 @@ | ||
1 … | + | |
2 … | +const mixins = ` | |
3 … | + $text-primary { | |
4 … | + color: black | |
5 … | + } | |
6 … | + | |
7 … | + $text-subtle { | |
8 … | + color: gray | |
9 … | + } | |
10 … | +` | |
11 … | + | |
12 … | +module.exports = { | |
13 … | + gives: { | |
14 … | + mcss: true | |
15 … | + }, | |
16 … | + create: function (api) { | |
17 … | + return { | |
18 … | + mcss: () => mixins | |
19 … | + } | |
20 … | + } | |
21 … | +} | |
22 … | + |
Built with git-ssb-web