Add utilities and sections

themes/neue-dark-ui/package.cson

@@ -1,5 +1,6 @@
 'stylesheets': [
   'atom'
+  'utilities'
   'text'
   'icons'
   'loading'
@@ -7,6 +8,7 @@
   'panels'
   'lists'
   'editor'
+  'section'
   'tabs'
   'overlay'
   'popover-list'

themes/neue-dark-ui/section.less

@@ -0,0 +1,27 @@
+@import "ui-mixins";
+@import "ui-variables";
+
+section {
+  margin-top: 0;
+  &:last-child { margin-bottom: 0; }
+
+  &.bordered {
+    margin: 0;
+    padding: @component-padding 0;
+    border-top: 1px solid @tool-panel-border-highlight-color;
+    border-bottom: 1px solid @tool-panel-border-color;
+
+    &:first-child {
+      border-top: none;
+      padding-top: 0;
+    }
+    &:last-child {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+
+  .section-heading:first-child {
+    margin-top: 0px;
+  }
+}

themes/neue-dark-ui/utilities.less

@@ -0,0 +1,18 @@
+@import "ui-mixins";
+@import "ui-variables";
+
+.padded {
+  padding: @component-padding;
+}
+
+.key-binding {
+  background: -webkit-linear-gradient(
+    rgba(100, 100, 100, 0.5),
+    rgba(70,70,70, 0.5));
+  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
+  display: inline-block;
+  line-height: 100%;
+  padding: 1px 3px;
+  border-radius: @component-border-radius;
+  margin-left: @component-icon-padding;
+}