]>
Commit | Line | Data |
---|---|---|
1 | @import "ui-variables"; | |
2 | @import "ui-mixins"; | |
3 | ||
4 | atom-panel.modal, .overlay { | |
5 | color: @text-color; | |
6 | background-color: @overlay-background-color; | |
7 | padding: @component-padding; | |
8 | border-radius: @component-border-radius; | |
9 | top: 20px; | |
10 | .ui-raised-shadow; | |
11 | padding-top: 28px; | |
12 | &:before { | |
13 | content: ''; | |
14 | display: block; | |
15 | position: absolute; | |
16 | top: 2px; | |
17 | right: 2px; | |
18 | height: 18px; | |
19 | left: 2px; | |
20 | background: linear-gradient(to right, #09246B, #A4CBF6); | |
21 | } | |
22 | ||
23 | &.from-top, &.modal { | |
24 | transform: translateY(50vh) translateY(-50%); | |
25 | } | |
26 | ||
27 | atom-text-editor[mini] { | |
28 | margin-bottom: @component-padding; | |
29 | } | |
30 | ||
31 | .select-list ol.list-group, | |
32 | &.select-list ol.list-group { | |
33 | ||
34 | background-color: @inset-panel-background-color; | |
35 | ||
36 | position: relative; | |
37 | border-top: 1px solid @shadow-2-color; | |
38 | border-left: 1px solid @shadow-2-color; | |
39 | border-bottom: 1px solid @highlight-2-color; | |
40 | border-right: 1px solid @highlight-2-color; | |
41 | ||
42 | li { | |
43 | padding: @component-padding; | |
44 | border-top: 1px solid @inset-panel-border-color; | |
45 | border-left: 1px solid @inset-panel-border-color; | |
46 | border-right: 1px solid @inset-panel-border-color; | |
47 | &:last-child { border-bottom: 1px solid @inset-panel-border-color; } | |
48 | ||
49 | &.two-lines { padding: @component-padding/2 @component-padding; } | |
50 | &.selected { | |
51 | .key-binding { background: transparent; } | |
52 | } | |
53 | .character-match { color: currentColor; } | |
54 | ||
55 | .status.icon { | |
56 | float: right; | |
57 | margin-left: @component-icon-padding; | |
58 | &:before { | |
59 | margin-right: 0; | |
60 | } | |
61 | } | |
62 | } | |
63 | ||
64 | } | |
65 | } |