From 567dd9070b0f65953663fa0a56ca35c3da710dc6 Mon Sep 17 00:00:00 2001
From: Eric Bidelman
Date: Mon, 16 Apr 2012 12:15:21 -0700
Subject: more component stuff that doesnt work though

---
 x-gdbar.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/x-gdbar.html b/x-gdbar.html
index 81db557..c9cff9c 100644
--- a/x-gdbar.html
+++ b/x-gdbar.html
@@ -69,7 +69,20 @@ aside img {
 aside.active {
   background-size: 100% 100%;
 }
+
+/*.current :host aside {
+  
+}*/
+</style>
+<!--<style>
+/* When :host starts working us above. Until then we're stuck with this.
+   in an unscoped style. */
+.current aside[is=x-gdbar] aside {
+  background-size: 100% 100%;
+  opacity: 0;
+}
 </style>
+-->
 <aside>
   <img src="images/google_developers_icon_128.png">
 </aside>
@@ -81,6 +94,7 @@ this.lifecycle({
   created: function(root) {
     shadowRoot = root;
   },
+  // TODO: use css :host selector instead of doing this in JS.
   attributeChanged: function(name, oldValue, newValue) {
     if (name == 'class') {
       shadowRoot.querySelector('aside').className = newValue;
-- 
cgit v1.2.3