diff --git a/themes/neue-dark-ui/package.cson b/themes/neue-dark-ui/package.cson index ec9730835..d603aaecb 100644 --- a/themes/neue-dark-ui/package.cson +++ b/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' diff --git a/themes/neue-dark-ui/section.less b/themes/neue-dark-ui/section.less new file mode 100644 index 000000000..b66f8f41b --- /dev/null +++ b/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; + } +} diff --git a/themes/neue-dark-ui/utilities.less b/themes/neue-dark-ui/utilities.less new file mode 100644 index 000000000..ee5be65de --- /dev/null +++ b/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; +}