From d9f3dda973af5d97017cbace8b3770f0db3238ad Mon Sep 17 00:00:00 2001
From: Nazar Mokrynskyi <nazar@mokrynskyi.com>
Date: Sun, 6 Sep 2015 01:01:31 +0200
Subject: [PATCH] Eliminate the need to write `:host ::content` instead of just
 `::content`, while keeping the same processing under the hood

---
 src/lib/style-transformer.html      | 5 ++---
 test/unit/polymer-dom-elements.html | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/lib/style-transformer.html b/src/lib/style-transformer.html
index 1a072f76..a8832f7a 100644
--- a/src/lib/style-transformer.html
+++ b/src/lib/style-transformer.html
@@ -30,9 +30,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
      * :host(...) -> scopeName...
 
-     * ::content -> ' ' NOTE: requires use of scoping selector and selectors
-       cannot otherwise be scoped:
-       e.g. :host ::content > .bar -> x-foo > .bar
+     * ::content -> ' '
 
      * ::shadow, /deep/: processed similar to ::content
 
@@ -161,6 +159,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         var stop = false;
         var hostContext = false;
         var self = this;
+        selector = selector.replace(/^(::content)/, ':host $1');
         selector = selector.replace(SIMPLE_SELECTOR_SEP, function(m, c, s) {
           if (!stop) {
             var info = self._transformCompoundSelector(s, c, scope, hostScope);
diff --git a/test/unit/polymer-dom-elements.html b/test/unit/polymer-dom-elements.html
index d4afa8b2..53956048 100644
--- a/test/unit/polymer-dom-elements.html
+++ b/test/unit/polymer-dom-elements.html
@@ -200,7 +200,7 @@
       box-sizing: border-box;
     }
 
-    :host ::content .add3 {
+    ::content .add3 {
       box-sizing: border-box;
       height: 20px;
       background: #333;
@@ -240,7 +240,7 @@
       padding: 4px;
     }
 
-    :host ::content .add2 {
+    ::content .add2 {
       box-sizing: border-box;
       height: 20px;
       background: gray;
@@ -281,7 +281,7 @@
       padding: 4px;
     }
 
-    :host ::content .add1 {
+    ::content .add1 {
       box-sizing: border-box;
       height: 20px;
       background: lightgray;