]> git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/aesthetic-ui/styles/editor.less
Update atoms
[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / editor.less
1 @import "ui-variables";
2 @import "ui-mixins";
3
4 atom-text-editor,
5 atom-text-editor[mini], atom-text-editor[mini]::shadow,
6 select.form-control,
7 .settings-view select.form-control {
8 .ui-inset-shadow;
9 border-radius: 0;
10 }
11
12 atom-text-editor[mini], atom-text-editor[mini]::shadow,
13 select.form-control,
14 .settings-view select.form-control {
15 background-color: white;
16 }
17
18 atom-text-editor {
19 padding: 2px;
20 }
21
22 atom-text-editor[mini], atom-text-editor[mini]::shadow {
23 color: lighten(@text-color, 15%);
24
25 border-radius: @component-border-radius;
26 padding-left: @component-padding/2;
27
28 .cursor { border-color: #000; }
29 .selection .region { background-color: rgba(0, 0, 0, .2); }
30 .placeholder-text {
31 color: lighten(@text-color-subtle, 10%);
32 }
33 }
34
35 atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow {
36 color: @text-color;
37 background-color: @input-background-color;
38 border-color: @input-border-color;
39 .placeholder-text {
40 color: @text-color-subtle;
41 }
42 .selection .region {
43 background-color: lighten(@background-color-info, 30%);
44 }
45 }
46
47 // FIXME: these should go in syntax themes?
48 atom-text-editor, atom-text-editor::shadow {
49 .gutter.drop-shadow {
50 -webkit-box-shadow: -2px 0 10px 2px #222;
51 }
52 }