Deprecation Fixes

index.less

@@ -1,18 +1,18 @@
-@import "stylesheets/atom";
-@import "stylesheets/utilities";
-@import "stylesheets/text";
-@import "stylesheets/git";
-@import "stylesheets/sites";
-@import "stylesheets/messages";
-@import "stylesheets/progress";
-@import "stylesheets/buttons";
-@import "stylesheets/panels";
-@import "stylesheets/panes";
-@import "stylesheets/lists";
-@import "stylesheets/overlays";
-@import "stylesheets/editor";
-@import "stylesheets/tabs";
-@import "stylesheets/tooltips";
-@import "stylesheets/tree-view";
+@import "styles/atom";
+@import "styles/utilities";
+@import "styles/text";
+@import "styles/git";
+@import "styles/sites";
+@import "styles/messages";
+@import "styles/progress";
+@import "styles/buttons";
+@import "styles/panels";
+@import "styles/panes";
+@import "styles/lists";
+@import "styles/overlays";
+@import "styles/editor";
+@import "styles/tabs";
+@import "styles/tooltips";
+@import "styles/tree-view";
 
 @import "overrides/swatch";

overrides/swatch.less

@@ -233,14 +233,14 @@ select {
 }
 
 // Editor
-.editor .fold-marker:after {
+.atom-text-editor .fold-marker:after {
   font-size: 150%!important;
   background: none!important;
   line-height: 1em!important;
   display: inline-block!important;
   position: absolute;
 }
-.editor.mini {
+.atom-text-editor[mini] {
   background: none;
   box-shadow: none;
   border: none;
@@ -258,20 +258,20 @@ select {
       -webkit-transform: translateY(0);
     }
 }
-.tool-panel {
+.atom-panel {
   position: relative;
   background: @tab-background-color-active;
   -webkit-animation: fadeInUp 0.15s ease-in-out;
 }
 
 // Overlay
-.overlay {
+.atom-panel.modal {
   color: @text-color;
   background-color: @overlay-background-color;
   box-shadow: 0 0 10px rgba(0,0,0,.5);
   -webkit-animation: fadeInUp 0.15s ease-in-out;
 
-  .editor.mini {
+  .atom-text-editor[mini] {
     margin-bottom: @component-padding;
   }
 

stylesheets/atom.less → styles/atom.less

@@ -1,6 +1,6 @@
 @import "../overrides/ui-variables";
 
-.workspace {
+.atom-workspace {
   background-color: @app-background-color;
   border-top: 1px solid rgba(0, 0, 0, .4);
 }

stylesheets/editor.less → styles/editor.less

@@ -1,7 +1,7 @@
 @import "../overrides/ui-variables";
 @import "ui-mixins";
 
-.editor.mini {
+.atom-text-editor[mini] {
   color: @text-color;
   background-color: @input-background-color;
   border: 1px solid @input-border-color;
@@ -13,13 +13,13 @@
   .selection .region { background-color: rgba(0, 0, 0, .2); }
 }
 
-.editor.editor-colors.mini.is-focused {
+.atom-text-editor.mini.is-focused {
   background-color: lighten(@input-background-color, 5%);
   .selection .region { background-color: lighten(@background-color-info, 30%); }
 }
 
 // FIXME: these should go in syntax themes?
-.editor .gutter.drop-shadow {
+.atom-text-editor .gutter.drop-shadow {
   -webkit-box-shadow: -2px 0 10px 2px #222;
 }
 
@@ -28,7 +28,7 @@
   to { background-color: null; }
 }
 
-.editor .highlighted.selection .region {
+.atom-text-editor .highlighted.selection .region {
   -webkit-animation-name: highlight;
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: 1;

stylesheets/lists.less → styles/lists.less

@@ -91,7 +91,7 @@
   border-radius: @component-border-radius;
   border: 1px solid @overlay-border-color;
 
-  .editor {
+  .atom-text-editor {
     margin-bottom: @component-padding/2;
   }
 

stylesheets/overlays.less → styles/overlays.less

@@ -1,14 +1,14 @@
 @import "../overrides/ui-variables";
 
-.overlay {
+.atom-panel.modal {
   color: @text-color;
   background-color: @overlay-background-color;
   padding: @component-padding;
   border: 1px solid @overlay-border-color;
   box-shadow: 0 0 10px @base-border-color;
   border-radius: @component-border-radius;
 
-  .editor.mini {
+  .atom-text-editor[mini] {
     margin-bottom: @component-padding;
   }
 

stylesheets/panels.less → styles/panels.less

@@ -9,17 +9,17 @@
   }
 }
 
-.tool-panel {
+.atom-panel {
   .text(normal);
   position: relative;
 
   background-color: @tool-panel-background-color;
 
-  &.panel-bottom {
+  &.atom-panel.bottom {
     border-top: 1px solid @tool-panel-border-color;
   }
 
-  &.panel-left {
+  &.atom-panel.left {
     border-right: 1px solid @tool-panel-border-color;
   }
 

stylesheets/panes.less → styles/panes.less

@@ -2,21 +2,21 @@
 @import "../overrides/ui-variables";
 @import "buttons";
 
-.panes {
-  .pane {
+.atom-pane-container {
+  .atom-pane {
     background-color: lighten(@app-background-color, 3%);
 
     &:focus {
       background-color: @app-background-color;
     }
   }
 
-  .pane-row > * {
+  .atom-pane-axis.horizontal > * {
     border-right: 1px solid @pane-item-border-color;
     &:last-child { border-right: none; }
   }
 
-  .pane-column > * {
+  .atom-pane-axis.vertical > * {
     border-bottom: 1px solid @pane-item-border-color;
     &:last-child { border-bottom: none; }
   }