better virtual components and stuff

1 files changed, 25 insertions, 0 deletions

diff --git a/src/components/link.style.js b/src/components/link.style.js
new file mode 100644
index 00000000..0128fd91
--- /dev/null
+++ b/src/components/link.style.js
@@ -0,0 +1,25 @@
+export default {
+  name: 'Link',
+  selector: 'a',
+  virtual: true,
+  states: {
+    faint: '.faint'
+  },
+  defaultRules: [
+    {
+      component: 'Link',
+      directives: {
+        textColor: '--link'
+      }
+    },
+    {
+      component: 'Link',
+      state: ['faint'],
+      directives: {
+        textColor: '--link',
+        textOpacity: 0.5,
+        textOpacityMode: 'fake'
+      }
+    }
+  ]
+}