]> git.r.bdr.sh - rbdr/dotfiles/blame - atom/packages/aesthetic-ui/styles/editor.less
Update atoms
[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / editor.less
CommitLineData
06a3d686
BB
1@import "ui-variables";
2@import "ui-mixins";
3
4atom-text-editor,
5atom-text-editor[mini], atom-text-editor[mini]::shadow,
6select.form-control,
7.settings-view select.form-control {
8 .ui-inset-shadow;
9 border-radius: 0;
10}
11
12atom-text-editor[mini], atom-text-editor[mini]::shadow,
13select.form-control,
14.settings-view select.form-control {
15 background-color: white;
16}
17
18atom-text-editor {
19 padding: 2px;
20}
21
22atom-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
35atom-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?
48atom-text-editor, atom-text-editor::shadow {
49 .gutter.drop-shadow {
50 -webkit-box-shadow: -2px 0 10px 2px #222;
51 }
52}