💄 No more bootstrap-overrides.less

static/atom.less

@@ -3,12 +3,12 @@
 @import "octicon-utf-codes";
 @import "octicon-mixins";
 
-@import "bootstrap-overrides.less";
 @import "root-view.less";
 @import "buttons.less";
 @import "icons.less";
 @import "links.less";
 @import "panes.less";
+@import "panels.less";
 @import "sections.less";
 @import "overlay.less";
 @import "lists.less";

static/bootstrap-overrides.less

@@ -1,8 +0,0 @@
-
-.list-group, .list-group .list-group-item {
-  background-color: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  position: static;
-}

static/lists.less

@@ -1,6 +1,15 @@
 @import "ui-variables";
 @import "octicon-mixins";
 
+// This is a bootstrap override
+.list-group, .list-group .list-group-item {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  position: static;
+}
+
 .list-group, .list-tree {
   margin: 0;
   padding: 0;

static/panels.less

@@ -0,0 +1,13 @@
+@import "ui-variables";
+
+// Override bootstrap styles here.
+.panel {
+  border-radius: 0;
+  border: none;
+  background-color: transparent;
+  box-shadow: none;
+
+  .panel-heading {
+    border-radius: 0;
+  }
+}

static/panes.less

@@ -1,5 +1,8 @@
 @import "ui-variables";
 
+// Pane-items are things that go inside a pane. Like the UI-Demo, the
+// settings-view, the archive-view, the image-view. Etc. Basically a non-
+// editor resource with a tab.
 .pane-item {
   overflow: auto;
   color: @text-color;