last remaining core tasks done

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'
       }
     }
   ]

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
+      }
+    }
+  ]
 }