user-card fixes

src/components/user_card/user_card.style.js

@@ -0,0 +1,37 @@
+export default {
+  name: 'UserCard',
+  selector: '.user-card',
+  notEditable: true,
+  validInnerComponents: [
+    'Text',
+    'Link',
+    'Icon',
+  ],
+  defaultRules: [
+    {
+      directives: {
+        background: '--bg',
+        opacity: 0,
+        roundness: 3,
+        shadow: [{
+          x: 1,
+          y: 1,
+          blur: 4,
+          spread: 0,
+          color: '#000000',
+          alpha: 0.6
+        }],
+        '--profileTint': 'color | $alpha(--background 1)'
+      }
+    },
+    {
+      parent: {
+        component: 'UserCard'
+      },
+      component: 'RichContent',
+      directives: {
+        opacity: 0
+      }
+    }
+  ]
+}