Implement quantum ink splashes

sky/framework/material-element.sky

Index: sky/framework/material-element.sky
diff --git a/sky/framework/material-element.sky b/sky/framework/material-element.sky
new file mode 100644
index 0000000000000000000000000000000000000000..f36bfdbfbf587408db335f8e1bf20f2ed3424711
--- /dev/null
+++ b/sky/framework/material-element.sky
@@ -0,0 +1,26 @@
+<!--
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+-->
+<import src="sky-element.sky" />
+<import src="sky-ink-splash.sky" />
+<script>
+import "dart:sky";
+
+HTMLStyleElement _kStyleElement;
+
+class MaterialElement extends SkyElement {
+  MaterialElement() {
+    addEventListener('pointerdown', _handlePointerDown);
+  }
+
+  void _handlePointerDown(PointerEvent event) {
+    style['transform'] = 'translateX(0)';

[eseidel, 2015/02/24 23:38:57]

Add FIXME.

+    ClientRect rect = getBoundingClientRect();
+    SkyInkSplash splash = new SkyInkSplash();
+    shadowRoot.prependChild(splash);
+    splash.start(event.x, event.y, rect);
+  }
+}
+</script>