diff --git a/src/components/root.style.js b/src/components/root.style.js index 053d984bc0..97289236a4 100644 --- a/src/components/root.style.js +++ b/src/components/root.style.js @@ -8,12 +8,14 @@ export default { 'TopBar', 'Scrollbar', 'ScrollbarElement', - 'MobileDrawer' + 'MobileDrawer', + 'Button' // mobile post button ], defaultRules: [ { directives: { - '--font': 'generic | sans-serif' + '--font': 'generic | sans-serif', + '--monoFont': 'generic | monospace' } } ] diff --git a/src/components/status/post.style.js b/src/components/status/post.style.js index 7388e2e3ca..673f72e0d5 100644 --- a/src/components/status/post.style.js +++ b/src/components/status/post.style.js @@ -1,6 +1,9 @@ export default { name: 'Post', selector: '.Status', + states: { + selected: '.-focused' + }, validInnerComponents: [ 'Text', 'Link', @@ -14,5 +17,19 @@ export default { 'Attachment', 'PollGraph' ], - defaultRules: [] + defaultRules: [ + { + directives: { + background: '--bg', + opacity: 0 + } + }, + { + state: ['selected'], + directives: { + background: '--inheritedBackground, 10', + opacity: 1 + } + } + ] }