revert responsive-ness changes; needs more consideration.

Polymer · Jan 28, 2013 · 82c1a6c · 82c1a6c
1 parent 3eece6f
commit 82c1a6c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/css/g-menu-button.css b/src/css/g-menu-button.css
@@ -42,15 +42,15 @@
 automatically we'll need to add a feature to detect if we're in a responsive
 container */
 @media screen and (max-width: 800px) {
-  .responsive .arrow-border, .arrow {
+  .arrow-border, .arrow {
     display: none;
   }
 
-  .responsive #menu {
+  #menu {
     width: 100%;
   }
 
-  .responsive #overlay > .overlay {
+  #overlay > .overlay {
     position: absolute;
     -webkit-transform: translateX(0);
     right: 0;
@@ -61,12 +61,12 @@ container */
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   }
 
-  .responsive #overlay.slideup > .overlay {
+  #overlay.slideup > .overlay {
     -webkit-transform: translateY(100%);
     -webkit-transition: -webkit-transform 0.218s;
   }
 
-  .responsive #overlay.slideup.opened > .overlay {
+  #overlay.slideup.opened > .overlay {
     -webkit-transform: translateY(0);
   }
 }
diff --git a/src/g-app.html b/src/g-app.html
@@ -50,8 +50,6 @@
         sheet.appendChild(document.createTextNode(styles));
       }
     }
-    // g-app is responsive by default...
-    inNode.classList.add('responsive');
   }
 
   this.component();

diff --git a/src/g-toolbar.html b/src/g-toolbar.html
@@ -40,7 +40,7 @@
       to work in native automatically we'll need to add a feature to detect 
       f we're in a responsive container */
       @media screen and (max-width: 800px) {
-        .responsive @host, @host.responsive {
+        @host.responsive {
           position: fixed;
           right: 0;
           bottom: 0;
@@ -51,7 +51,7 @@
           border-top: 1px solid rgba(0, 0, 0, 0.16);
         }
 
-        .responsive @host > .hidden-narrow, @host.responsive > .hidden-narrow {
+        @host.responsive > .hidden-narrow {
           display: none;
         }
       }