Update deprecated selectors

atom · Jan 16, 2015 · 77af047 · 77af047
1 parent d64556f
commit 77af047
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 21 deletions.
diff --git a/styles/core.less b/styles/core.less
@@ -25,14 +25,14 @@
   margin-bottom: 0;
 }
 
-.styleguide .overlay:after {
+.styleguide atom-panel.modal:after {
   position: absolute;  // prevent overlay backdrop from leaking outside
   left: -@component-padding/2;
   right: -@component-padding/2;
   bottom: -@component-padding/2;
 }
 
-.styleguide .overlay:after {
+.styleguide atom-panel.modal:after {
   position: absolute;  // prevent overlay backdrop from leaking outside
 }
 

diff --git a/styles/overlays.less b/styles/overlays.less
@@ -1,4 +1,4 @@
-.overlay {
+atom-panel.modal {
   color: @text-color;
   background-color: transparent;
   padding: @component-padding;
@@ -77,7 +77,7 @@
   }
 
   @-webkit-keyframes overlay-fade {
-      0% { opacity: 0; }
+    0% { opacity: 0; }
     100% { opacity: 1; }
   }
 

diff --git a/styles/panels.less b/styles/panels.less
@@ -5,22 +5,19 @@
   }
 }
 
-.tool-panel.tool-panel {
+atom-panel {
   .text(normal);
   position: relative;
-  background-color: @tool-panel-background-color;
 
-  &.panel-bottom {
-    border-top: 1px solid @tool-panel-border-color;
-  }
-
-  &.panel-left {
+  &.left {
     border-right: 1px solid @tool-panel-border-color;
   }
-
-  &.panel-right {
+  &.right {
     border-left: 1px solid @tool-panel-border-color;
   }
+  &.bottom {
+    border-top: 1px solid @tool-panel-border-color;
+  }
 }
 
 .inset-panel {

diff --git a/styles/panes.less b/styles/panes.less
@@ -5,19 +5,21 @@
   }
 }
 
-.panes {
+atom-pane-container {
   atom-pane {
     position: relative;
     background-color: @app-background-color;
   }
 
-  .pane-row > * {
-    border-right: 1px solid @pane-item-border-color;
-    &:last-child { border-right: none; }
-  }
+  atom-pane-axis {
+    &.horizontal > * {
+      border-right: 1px solid @pane-item-border-color;
+      &:last-child { border-right: none; }
+    }
 
-  .pane-column > * {
-    border-bottom: 1px solid @pane-item-border-color;
-    &:last-child { border-bottom: none; }
+    &.vertical > * {
+      border-bottom: 1px solid @pane-item-border-color;
+      &:last-child { border-bottom: none; }
+    }
   }
 }