UNPKG

3.18 kBCSSView Raw
1/*-----------------------------------------------------------------------------
2| Copyright (c) Jupyter Development Team.
3| Copyright (c) 2014-2017, PhosphorJS Contributors
4|
5| Distributed under the terms of the BSD 3-Clause License.
6|
7| The full license is in the file LICENSE, distributed with this software.
8|----------------------------------------------------------------------------*/
9
10/* <DEPRECATED> */
11.p-TabBar, /* </DEPRECATED> */
12.lm-TabBar {
13 display: flex;
14 -webkit-user-select: none;
15 -moz-user-select: none;
16 -ms-user-select: none;
17 user-select: none;
18}
19
20/* <DEPRECATED> */
21.p-TabBar[data-orientation='horizontal'], /* </DEPRECATED> */
22.lm-TabBar[data-orientation='horizontal'] {
23 flex-direction: row;
24 align-items: flex-end;
25}
26
27/* <DEPRECATED> */
28.p-TabBar[data-orientation='vertical'], /* </DEPRECATED> */
29.lm-TabBar[data-orientation='vertical'] {
30 flex-direction: column;
31 align-items: flex-end;
32}
33
34/* <DEPRECATED> */
35.p-TabBar-content, /* </DEPRECATED> */
36.lm-TabBar-content {
37 margin: 0;
38 padding: 0;
39 display: flex;
40 flex: 1 1 auto;
41 list-style-type: none;
42}
43
44/* <DEPRECATED> */
45.p-TabBar[data-orientation='horizontal'] > .p-TabBar-content,
46/* </DEPRECATED> */
47.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
48 flex-direction: row;
49}
50
51/* <DEPRECATED> */
52.p-TabBar[data-orientation='vertical'] > .p-TabBar-content,
53/* </DEPRECATED> */
54.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
55 flex-direction: column;
56}
57
58/* <DEPRECATED> */
59.p-TabBar-tab, /* </DEPRECATED> */
60.lm-TabBar-tab {
61 display: flex;
62 flex-direction: row;
63 box-sizing: border-box;
64 overflow: hidden;
65 touch-action: none; /* Disable native Drag/Drop */
66}
67
68/* <DEPRECATED> */
69.p-TabBar-tabIcon,
70.p-TabBar-tabCloseIcon,
71/* </DEPRECATED> */
72.lm-TabBar-tabIcon,
73.lm-TabBar-tabCloseIcon {
74 flex: 0 0 auto;
75}
76
77/* <DEPRECATED> */
78.p-TabBar-tabLabel, /* </DEPRECATED> */
79.lm-TabBar-tabLabel {
80 flex: 1 1 auto;
81 overflow: hidden;
82 white-space: nowrap;
83}
84
85.lm-TabBar-tabInput {
86 user-select: all;
87 width: 100%;
88 box-sizing: border-box;
89}
90
91/* <DEPRECATED> */
92.p-TabBar-tab.p-mod-hidden, /* </DEPRECATED> */
93.lm-TabBar-tab.lm-mod-hidden {
94 display: none !important;
95}
96
97.lm-TabBar-addButton.lm-mod-hidden {
98 display: none !important;
99}
100
101/* <DEPRECATED> */
102.p-TabBar.p-mod-dragging .p-TabBar-tab, /* </DEPRECATED> */
103.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
104 position: relative;
105}
106
107/* <DEPRECATED> */
108.p-TabBar.p-mod-dragging[data-orientation='horizontal'] .p-TabBar-tab,
109/* </DEPRECATED> */
110.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
111 left: 0;
112 transition: left 150ms ease;
113}
114
115/* <DEPRECATED> */
116.p-TabBar.p-mod-dragging[data-orientation='vertical'] .p-TabBar-tab,
117/* </DEPRECATED> */
118.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
119 top: 0;
120 transition: top 150ms ease;
121}
122
123/* <DEPRECATED> */
124.p-TabBar.p-mod-dragging .p-TabBar-tab.p-mod-dragging,
125/* </DEPRECATED> */
126.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
127 transition: none;
128}
129
130.lm-TabBar-tabLabel .lm-TabBar-tabInput {
131 user-select: all;
132 width: 100%;
133 box-sizing: border-box;
134 background: inherit;
135}