From 06a3d6866e4f545abddd6654e490e50b623330a9 Mon Sep 17 00:00:00 2001 From: Ben Beltran Date: Thu, 2 Mar 2017 13:13:31 -0600 Subject: Update atoms --- atom/packages/aesthetic-ui/styles/editor.less | 52 +++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 atom/packages/aesthetic-ui/styles/editor.less (limited to 'atom/packages/aesthetic-ui/styles/editor.less') diff --git a/atom/packages/aesthetic-ui/styles/editor.less b/atom/packages/aesthetic-ui/styles/editor.less new file mode 100644 index 0000000..4643108 --- /dev/null +++ b/atom/packages/aesthetic-ui/styles/editor.less @@ -0,0 +1,52 @@ +@import "ui-variables"; +@import "ui-mixins"; + +atom-text-editor, +atom-text-editor[mini], atom-text-editor[mini]::shadow, +select.form-control, +.settings-view select.form-control { + .ui-inset-shadow; + border-radius: 0; +} + +atom-text-editor[mini], atom-text-editor[mini]::shadow, +select.form-control, +.settings-view select.form-control { + background-color: white; +} + +atom-text-editor { + padding: 2px; +} + +atom-text-editor[mini], atom-text-editor[mini]::shadow { + color: lighten(@text-color, 15%); + + border-radius: @component-border-radius; + padding-left: @component-padding/2; + + .cursor { border-color: #000; } + .selection .region { background-color: rgba(0, 0, 0, .2); } + .placeholder-text { + color: lighten(@text-color-subtle, 10%); + } +} + +atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow { + color: @text-color; + background-color: @input-background-color; + border-color: @input-border-color; + .placeholder-text { + color: @text-color-subtle; + } + .selection .region { + background-color: lighten(@background-color-info, 30%); + } +} + +// FIXME: these should go in syntax themes? +atom-text-editor, atom-text-editor::shadow { + .gutter.drop-shadow { + -webkit-box-shadow: -2px 0 10px 2px #222; + } +} -- cgit