UNPKG

1.83 kBCSSView Raw
1/*-----------------------------------------------------------------------------
2| Copyright (c) Jupyter Development Team.
3| Distributed under the terms of the Modified BSD License.
4|----------------------------------------------------------------------------*/
5
6/*-----------------------------------------------------------------------------
7| Input
8|----------------------------------------------------------------------------*/
9
10/* All input areas */
11.jp-InputArea {
12 display: flex;
13 flex-direction: row;
14 overflow: hidden;
15}
16
17body[data-format='mobile'] .jp-InputArea {
18 flex-direction: column;
19}
20
21.jp-InputArea-editor {
22 flex: 1 1 auto;
23 overflow: hidden;
24}
25
26.jp-InputArea-editor {
27 /* This is the non-active, default styling */
28 border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
29 border-radius: 0px;
30 background: var(--jp-cell-editor-background);
31}
32
33body[data-format='mobile'] .jp-InputArea-editor {
34 margin-left: var(--jp-notebook-padding);
35}
36
37.jp-InputPrompt {
38 flex: 0 0 var(--jp-cell-prompt-width);
39 color: var(--jp-cell-inprompt-font-color);
40 font-family: var(--jp-cell-prompt-font-family);
41 padding: var(--jp-code-padding);
42 letter-spacing: var(--jp-cell-prompt-letter-spacing);
43 opacity: var(--jp-cell-prompt-opacity);
44 line-height: var(--jp-code-line-height);
45 font-size: var(--jp-code-font-size);
46 border: var(--jp-border-width) solid transparent;
47 opacity: var(--jp-cell-prompt-opacity);
48 /* Right align prompt text, don't wrap to handle large prompt numbers */
49 text-align: right;
50 white-space: nowrap;
51 overflow: hidden;
52 text-overflow: ellipsis;
53 /* Disable text selection */
54 -webkit-user-select: none;
55 -moz-user-select: none;
56 -ms-user-select: none;
57 user-select: none;
58}
59
60body[data-format='mobile'] .jp-InputPrompt {
61 flex: 0 0 auto;
62 text-align: left;
63}