Skip to content

Instantly share code, notes, and snippets.

@bollwyvl

bollwyvl/all-csslint-fixes.patch

Created January 27, 2022 23:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bollwyvl/3ad22964db509069c029b65cdd5dd680 to your computer and use it in GitHub Desktop.
Save bollwyvl/3ad22964db509069c029b65cdd5dd680 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
all-csslint-fixes.patch
diff --git a/.stylelintrc.yaml b/.stylelintrc.yaml
index c56ab62881..020f6bc632 100644
--- a/.stylelintrc.yaml
+++ b/.stylelintrc.yaml
@@ -8,42 +8,46 @@ rules:
# TODO: https://github.com/jupyterlab/jupyterlab/pull/11944#issuecomment-1023630962
no-invalid-position-at-import-rule: null
# TODO: evaluate these rules violated in stylelint-config-standard
- alpha-value-notation: null
- at-rule-empty-line-before: null
- at-rule-no-vendor-prefix: null
- block-closing-brace-space-before: null
- block-opening-brace-space-after: null
- color-function-notation: null
- color-hex-length: null
- comment-empty-line-before: null
- comment-whitespace-inside: null
- custom-property-empty-line-before: null
+ # alpha-value-notation: null
+ # at-rule-empty-line-before: null
+ # at-rule-no-vendor-prefix: null
+ # block-closing-brace-space-before: null
+ # block-opening-brace-space-after: null
+ # color-function-notation: null
+ # color-hex-length: null
+ # comment-empty-line-before: null
+ # comment-whitespace-inside: null
+ # custom-property-empty-line-before: null
custom-property-pattern: null
+ declaration-block-no-duplicate-properties: null
declaration-block-no-redundant-longhand-properties: null
- declaration-block-semicolon-newline-after: null
- declaration-block-single-line-max-declarations: null
- declaration-block-trailing-semicolon: null
- declaration-colon-newline-after: null
- declaration-empty-line-before: null
+ # declaration-block-semicolon-newline-after: null
+ # declaration-block-single-line-max-declarations: null
+ # declaration-block-trailing-semicolon: null
+ # declaration-colon-newline-after: null
+ # declaration-empty-line-before: null
+ function-linear-gradient-no-nonstandard-direction: null
function-url-quotes: null
- indentation: null
+ # indentation: null
keyframes-name-pattern: null
- length-zero-no-unit: null
- max-empty-lines: null
+ # length-zero-no-unit: null
+ # max-empty-lines: null
max-line-length: null
- number-leading-zero: null
+ # number-leading-zero: null
number-max-precision: null
- property-no-vendor-prefix: null
- rule-empty-line-before: null
+ # property-no-vendor-prefix: null
+ # rule-empty-line-before: null
selector-class-pattern: null
- selector-combinator-space-before: null
- selector-descendant-combinator-no-non-space: null
+ # selector-combinator-space-before: null
+ # selector-descendant-combinator-no-non-space: null
selector-id-pattern: null
- selector-list-comma-newline-after: null
- selector-no-vendor-prefix: null
- selector-pseudo-element-colon-notation: null
- shorthand-property-no-redundant-values: null
- string-quotes: null
- value-keyword-case: null
- value-list-comma-newline-after: null
- value-no-vendor-prefix: null
+ # selector-list-comma-newline-after: null
+ # selector-no-vendor-prefix: null
+ selector-pseudo-element-no-unknown: null
+ selector-pseudo-class-no-unknown: null
+ # selector-pseudo-element-colon-notation: null
+ # shorthand-property-no-redundant-values: null
+ # string-quotes: null
+ # value-keyword-case: null
+ # value-list-comma-newline-after: null
+ # value-no-vendor-prefix: null
diff --git a/docs/source/_static/css/custom.css b/docs/source/_static/css/custom.css
index 253246c71c..359b4d42d1 100644
--- a/docs/source/_static/css/custom.css
+++ b/docs/source/_static/css/custom.css
@@ -31,10 +31,12 @@ h4 {
main img.jp-screenshot {
border: none;
+
/* MD Elevation 8 */
- box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
- 0px 8px 10px 1px rgba(145, 145, 145, 0.14),
- 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+ box-shadow:
+ 0 5px 5px -3px rgb(0 0 0 / 20%),
+ 0 8px 10px 1px rgb(145 145 145 / 14%),
+ 0 3px 14px 2px rgb(0 0 0 / 12%);
margin-bottom: 24px;
}
@@ -46,21 +48,26 @@ main img.jp-screenshot {
main div.jp-youtube-video {
position: relative;
width: 100%;
- height: 0px;
+ height: 0;
+
/* This must be equal to the inverse of the aspect ratio of the video */
+
/* The current value is: 56.25% = 315/560 */
padding-bottom: 56.25%;
border: none;
+
/* MD Elevation 8 */
- box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
- 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+ box-shadow:
+ 0 5px 5px -3px rgb(0 0 0 / 20%),
+ 0 8px 10px 1px rgb(0 0 0 / 14%),
+ 0 3px 14px 2px rgb(0 0 0 / 12%);
margin-bottom: 24px;
}
main div.jp-youtube-video iframe {
position: absolute;
- left: 0px;
- top: 0px;
+ left: 0;
+ top: 0;
width: 100%;
height: 100%;
}
diff --git a/examples/cell/index.css b/examples/cell/index.css
index 68a5c8c32a..6652163fa5 100644
--- a/examples/cell/index.css
+++ b/examples/cell/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
body {
background: white;
diff --git a/examples/console/index.css b/examples/console/index.css
index 6cef28087c..346423fac7 100644
--- a/examples/console/index.css
+++ b/examples/console/index.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
body {
background: white;
margin: 0;
diff --git a/examples/filebrowser/index.css b/examples/filebrowser/index.css
index 734f0d4531..fd9ec41c0b 100644
--- a/examples/filebrowser/index.css
+++ b/examples/filebrowser/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
body {
margin: 0;
padding: 0;
diff --git a/examples/notebook/index.css b/examples/notebook/index.css
index d709d1399f..0e911e052f 100644
--- a/examples/notebook/index.css
+++ b/examples/notebook/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
body {
background: white;
diff --git a/examples/terminal/index.css b/examples/terminal/index.css
index e0b06af760..df29fb9ad1 100644
--- a/examples/terminal/index.css
+++ b/examples/terminal/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
body {
margin: 0;
diff --git a/galata/style/index.css b/galata/style/index.css
index 0434013d21..1778296305 100644
--- a/galata/style/index.css
+++ b/galata/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
diff --git a/packages/application-extension/style/base.css b/packages/application-extension/style/base.css
index 11b21b0c1a..5dafec4e78 100644
--- a/packages/application-extension/style/base.css
+++ b/packages/application-extension/style/base.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
#jp-MainLogo {
width: calc(var(--jp-private-sidebar-tab-width) + var(--jp-border-width));
diff --git a/packages/application-extension/style/index.css b/packages/application-extension/style/index.css
index a01b5ece89..62da02c74a 100644
--- a/packages/application-extension/style/index.css
+++ b/packages/application-extension/style/index.css
@@ -1,13 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/property-inspector/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/property-inspector/style/index.css");
+@import url("./base.css");
diff --git a/packages/application/style/base.css b/packages/application/style/base.css
index 25daa9c913..e87b95a22d 100644
--- a/packages/application/style/base.css
+++ b/packages/application/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-menu-panel-height: 27px;
@@ -35,11 +35,11 @@ body {
padding: 5px;
}
-#jp-main-dock-panel[data-mode='single-document'] {
+#jp-main-dock-panel[data-mode="single-document"] {
padding: 0;
}
-#jp-main-dock-panel[data-mode='single-document'] .jp-MainAreaWidget {
+#jp-main-dock-panel[data-mode="single-document"] .jp-MainAreaWidget {
border: none;
}
@@ -60,19 +60,22 @@ body {
border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
}
-.jp-LabShell[data-shell-mode='single-document'] #jp-top-panel {
+.jp-LabShell[data-shell-mode="single-document"] #jp-top-panel {
border-bottom: none;
}
-.jp-LabShell[data-shell-mode='single-document'] #jp-menu-panel {
- padding-left: calc(
- var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
- );
+.jp-LabShell[data-shell-mode="single-document"] #jp-menu-panel {
+ padding-left:
+ calc(
+ var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
+ );
border-bottom: var(--jp-border-width) solid var(--jp-border-color0);
+
/* Adjust min-height so open menus show up in the right place */
- min-height: calc(
- var(--jp-private-menu-panel-height) + var(--jp-border-width)
- );
+ min-height:
+ calc(
+ var(--jp-private-menu-panel-height) + var(--jp-border-width)
+ );
}
#jp-bottom-panel {
@@ -81,18 +84,18 @@ body {
}
#jp-single-document-mode {
- margin: 0px 8px;
+ margin: 0 8px;
display: flex;
align-items: center;
}
/* Sibling imports */
-@import './datagrid.css';
-@import './dockpanel.css';
-@import './menus.css';
-@import './scrollbar.css';
-@import './tabs.css';
-@import './buttons.css';
-@import './sidepanel.css';
-@import './titlepanel.css';
-@import './skiplink.css';
+@import "./datagrid.css";
+@import "./dockpanel.css";
+@import "./menus.css";
+@import "./scrollbar.css";
+@import "./tabs.css";
+@import "./buttons.css";
+@import "./sidepanel.css";
+@import "./titlepanel.css";
+@import "./skiplink.css";
diff --git a/packages/application/style/buttons.css b/packages/application/style/buttons.css
index 440b1f8b1c..0b120c9d06 100644
--- a/packages/application/style/buttons.css
+++ b/packages/application/style/buttons.css
@@ -1,16 +1,16 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-flat-button-height: 24px;
--jp-flat-button-padding: 8px 12px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
button {
border-radius: var(--jp-border-radius);
@@ -87,11 +87,11 @@ button.jp-mod-styled.jp-mod-warn:focus-visible {
}
.jp-Button-flat:hover {
- background-color: var(--jp-warn-color-hover, rgba(153, 153, 153, 0.1));
+ background-color: var(--jp-warn-color-hover, rgb(153 153 153 / 10%));
}
.jp-Button-flat:focus {
border: none;
box-shadow: none;
- background-color: var(--jp-warn-color-active, rgba(153, 153, 153, 0.2));
+ background-color: var(--jp-warn-color-active, rgb(153 153 153 / 20%));
}
diff --git a/packages/application/style/datagrid.css b/packages/application/style/datagrid.css
index 01d32e077b..bac513e9cf 100644
--- a/packages/application/style/datagrid.css
+++ b/packages/application/style/datagrid.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-DataGrid {
min-width: 64px;
@@ -14,7 +14,7 @@
}
.lm-DataGrid-scrollCorner::after {
- content: '';
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/application/style/dockpanel.css b/packages/application/style/dockpanel.css
index 827eccb72c..568d491d7c 100644
--- a/packages/application/style/dockpanel.css
+++ b/packages/application/style/dockpanel.css
@@ -1,15 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| DockPanel
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-DockPanel-widget,
.lm-TabPanel-stackedPanel {
@@ -20,7 +20,7 @@
}
.lm-DockPanel-overlay {
- background: rgba(33, 150, 243, 0.1);
+ background: rgb(33 150 243 / 10%);
border: var(--jp-border-width) dashed var(--jp-brand-color1);
transition-property: top, left, right, bottom;
transition-duration: 150ms;
diff --git a/packages/application/style/index.css b/packages/application/style/index.css
index 93db4cd173..5b6b1fbfe6 100644
--- a/packages/application/style/index.css
+++ b/packages/application/style/index.css
@@ -1,14 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@fortawesome/fontawesome-free/css/all.min.css');
-@import url('~@fortawesome/fontawesome-free/css/v4-shims.min.css');
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@fortawesome/fontawesome-free/css/all.min.css");
+@import url("~@fortawesome/fontawesome-free/css/v4-shims.min.css");
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/application/style/menus.css b/packages/application/style/menus.css
index 36535b8571..58a2acee3c 100644
--- a/packages/application/style/menus.css
+++ b/packages/application/style/menus.css
@@ -1,20 +1,20 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-menubar-height: 28px;
--jp-private-menu-item-height: 24px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| MenuBar
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-MenuBar {
background: var(--jp-layout-color1);
@@ -31,7 +31,7 @@
}
.lm-MenuBar-item {
- padding: 0px 8px;
+ padding: 0 8px;
border-left: var(--jp-border-width) solid transparent;
border-right: var(--jp-border-width) solid transparent;
border-top: var(--jp-border-width) solid transparent;
@@ -50,9 +50,7 @@
box-shadow: var(--jp-elevation-z6);
}
-.jp-LabShell[data-shell-mode='single-document']
- .lm-MenuBar.lm-mod-active
- .lm-MenuBar-item.lm-mod-active {
+.jp-LabShell[data-shell-mode="single-document"] .lm-MenuBar.lm-mod-active .lm-MenuBar-item.lm-mod-active {
border-top: var(--jp-border-width) solid var(--jp-border-color1);
}
@@ -71,13 +69,13 @@
text-decoration: underline;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Menu
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-Menu {
z-index: 10000;
- padding: 4px 0px;
+ padding: 4px 0;
background: var(--jp-layout-color0);
color: var(--jp-ui-font-color1);
border: var(--jp-border-width) solid var(--jp-border-color1);
@@ -88,7 +86,7 @@
.lm-Menu-item {
min-height: var(--jp-private-menu-item-height);
max-height: var(--jp-private-menu-item-height);
- padding: 0px;
+ padding: 0;
line-height: var(--jp-private-menu-item-height);
}
@@ -102,12 +100,12 @@
.lm-Menu-itemIcon {
width: 21px;
- padding: 0px 2px 0px 4px;
+ padding: 0 2px 0 4px;
margin-top: -2px;
}
.lm-Menu-itemLabel {
- padding: 0px 32px 0px 2px;
+ padding: 0 32px 0 2px;
}
.lm-Menu-itemMnemonic {
@@ -115,21 +113,21 @@
}
.lm-Menu-itemShortcut {
- padding: 0px;
+ padding: 0;
}
.lm-Menu-itemSubmenuIcon {
width: 18px;
- padding: 0px 4px 0px 0px;
+ padding: 0 4px 0 0;
}
-.lm-Menu-item[data-type='separator'] > div {
+.lm-Menu-item[data-type="separator"] > div {
padding: 0;
height: 9px;
}
-.lm-Menu-item[data-type='separator'] > div::after {
- content: '';
+.lm-Menu-item[data-type="separator"] > div::after {
+ content: "";
display: block;
position: relative;
top: 4px;
@@ -138,6 +136,6 @@
/* gray out icon/caret for disable menu items */
.lm-Menu-item.lm-mod-disabled > .lm-Menu-itemIcon,
-.lm-Menu-item[data-type='submenu'].lm-mod-disabled > .lm-Menu-itemSubmenuIcon {
+.lm-Menu-item[data-type="submenu"].lm-mod-disabled > .lm-Menu-itemSubmenuIcon {
opacity: 0.4;
}
diff --git a/packages/application/style/scrollbar.css b/packages/application/style/scrollbar.css
index 31aec8e54d..1c4ed0c2d5 100644
--- a/packages/application/style/scrollbar.css
+++ b/packages/application/style/scrollbar.css
@@ -1,29 +1,30 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/*
* Mozilla scrollbar styling
*/
/* use standard opaque scrollbars for most nodes */
-[data-jp-theme-scrollbars='true'] {
- scrollbar-color: rgb(var(--jp-scrollbar-thumb-color))
+[data-jp-theme-scrollbars="true"] {
+ scrollbar-color:
+ rgb(var(--jp-scrollbar-thumb-color))
var(--jp-scrollbar-background-color);
}
/* for code nodes, use a transparent style of scrollbar. These selectors
* will match lower in the tree, and so will override the above */
-[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar,
-[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar {
- scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
+[data-jp-theme-scrollbars="true"] .CodeMirror-hscrollbar,
+[data-jp-theme-scrollbars="true"] .CodeMirror-vscrollbar {
+ scrollbar-color: rgb(var(--jp-scrollbar-thumb-color) 0.5) transparent;
}
/* tiny scrollbar */
.jp-scrollbar-tiny {
- scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
+ scrollbar-color: rgb(var(--jp-scrollbar-thumb-color) 0.5) transparent;
scrollbar-width: thin;
}
@@ -33,61 +34,59 @@
/* use standard opaque scrollbars for most nodes */
-[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar,
-[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-corner {
+[data-jp-theme-scrollbars="true"] ::-webkit-scrollbar,
+[data-jp-theme-scrollbars="true"] ::-webkit-scrollbar-corner {
background: var(--jp-scrollbar-background-color);
}
-[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-thumb {
+[data-jp-theme-scrollbars="true"] ::-webkit-scrollbar-thumb {
background: rgb(var(--jp-scrollbar-thumb-color));
border: var(--jp-scrollbar-thumb-margin) solid transparent;
background-clip: content-box;
border-radius: var(--jp-scrollbar-thumb-radius);
}
-[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-track:horizontal {
- border-left: var(--jp-scrollbar-endpad) solid
+[data-jp-theme-scrollbars="true"] ::-webkit-scrollbar-track:horizontal {
+ border-left:
+ var(--jp-scrollbar-endpad) solid
var(--jp-scrollbar-background-color);
- border-right: var(--jp-scrollbar-endpad) solid
+ border-right:
+ var(--jp-scrollbar-endpad) solid
var(--jp-scrollbar-background-color);
}
-[data-jp-theme-scrollbars='true'] ::-webkit-scrollbar-track:vertical {
- border-top: var(--jp-scrollbar-endpad) solid
+[data-jp-theme-scrollbars="true"] ::-webkit-scrollbar-track:vertical {
+ border-top:
+ var(--jp-scrollbar-endpad) solid
var(--jp-scrollbar-background-color);
- border-bottom: var(--jp-scrollbar-endpad) solid
+ border-bottom:
+ var(--jp-scrollbar-endpad) solid
var(--jp-scrollbar-background-color);
}
/* for code nodes, use a transparent style of scrollbar */
-[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar::-webkit-scrollbar,
-[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar::-webkit-scrollbar,
-[data-jp-theme-scrollbars='true']
- .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
-[data-jp-theme-scrollbars='true']
- .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
+[data-jp-theme-scrollbars="true"] .CodeMirror-hscrollbar::-webkit-scrollbar,
+[data-jp-theme-scrollbars="true"] .CodeMirror-vscrollbar::-webkit-scrollbar,
+[data-jp-theme-scrollbars="true"] .CodeMirror-hscrollbar::-webkit-scrollbar-corner,
+[data-jp-theme-scrollbars="true"] .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
background-color: transparent;
}
-[data-jp-theme-scrollbars='true']
- .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
-[data-jp-theme-scrollbars='true']
- .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
- background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
+[data-jp-theme-scrollbars="true"] .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
+[data-jp-theme-scrollbars="true"] .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
+ background: rgb(var(--jp-scrollbar-thumb-color) 0.5);
border: var(--jp-scrollbar-thumb-margin) solid transparent;
background-clip: content-box;
border-radius: var(--jp-scrollbar-thumb-radius);
}
-[data-jp-theme-scrollbars='true']
- .CodeMirror-hscrollbar::-webkit-scrollbar-track:horizontal {
+[data-jp-theme-scrollbars="true"] .CodeMirror-hscrollbar::-webkit-scrollbar-track:horizontal {
border-left: var(--jp-scrollbar-endpad) solid transparent;
border-right: var(--jp-scrollbar-endpad) solid transparent;
}
-[data-jp-theme-scrollbars='true']
- .CodeMirror-vscrollbar::-webkit-scrollbar-track:vertical {
+[data-jp-theme-scrollbars="true"] .CodeMirror-vscrollbar::-webkit-scrollbar-track:vertical {
border-top: var(--jp-scrollbar-endpad) solid transparent;
border-bottom: var(--jp-scrollbar-endpad) solid transparent;
}
@@ -102,31 +101,31 @@
}
.jp-scrollbar-tiny::-webkit-scrollbar-thumb {
- background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
+ background: rgb(var(--jp-scrollbar-thumb-color) 0.5);
}
.jp-scrollbar-tiny::-webkit-scrollbar-track:horizontal {
- border-left: 0px solid transparent;
- border-right: 0px solid transparent;
+ border-left: 0 solid transparent;
+ border-right: 0 solid transparent;
}
.jp-scrollbar-tiny::-webkit-scrollbar-track:vertical {
- border-top: 0px solid transparent;
- border-bottom: 0px solid transparent;
+ border-top: 0 solid transparent;
+ border-bottom: 0 solid transparent;
}
/*
* Phosphor
*/
-.lm-ScrollBar[data-orientation='horizontal'] {
+.lm-ScrollBar[data-orientation="horizontal"] {
min-height: 16px;
max-height: 16px;
min-width: 45px;
border-top: 1px solid #a0a0a0;
}
-.lm-ScrollBar[data-orientation='vertical'] {
+.lm-ScrollBar[data-orientation="vertical"] {
min-width: 16px;
max-width: 16px;
min-height: 45px;
@@ -166,40 +165,36 @@
background: #a0a0a0;
}
-.lm-ScrollBar[data-orientation='horizontal'] .lm-ScrollBar-thumb {
+.lm-ScrollBar[data-orientation="horizontal"] .lm-ScrollBar-thumb {
height: 100%;
min-width: 15px;
border-left: 1px solid #a0a0a0;
border-right: 1px solid #a0a0a0;
}
-.lm-ScrollBar[data-orientation='vertical'] .lm-ScrollBar-thumb {
+.lm-ScrollBar[data-orientation="vertical"] .lm-ScrollBar-thumb {
width: 100%;
min-height: 15px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}
-.lm-ScrollBar[data-orientation='horizontal']
- .lm-ScrollBar-button[data-action='decrement'] {
+.lm-ScrollBar[data-orientation="horizontal"] .lm-ScrollBar-button[data-action="decrement"] {
background-image: var(--jp-icon-caret-left);
background-size: 17px;
}
-.lm-ScrollBar[data-orientation='horizontal']
- .lm-ScrollBar-button[data-action='increment'] {
+.lm-ScrollBar[data-orientation="horizontal"] .lm-ScrollBar-button[data-action="increment"] {
background-image: var(--jp-icon-caret-right);
background-size: 17px;
}
-.lm-ScrollBar[data-orientation='vertical']
- .lm-ScrollBar-button[data-action='decrement'] {
+.lm-ScrollBar[data-orientation="vertical"] .lm-ScrollBar-button[data-action="decrement"] {
background-image: var(--jp-icon-caret-up);
background-size: 17px;
}
-.lm-ScrollBar[data-orientation='vertical']
- .lm-ScrollBar-button[data-action='increment'] {
+.lm-ScrollBar[data-orientation="vertical"] .lm-ScrollBar-button[data-action="increment"] {
background-image: var(--jp-icon-caret-down);
background-size: 17px;
}
diff --git a/packages/application/style/sidepanel.css b/packages/application/style/sidepanel.css
index d19f2d2841..6f1b229219 100644
--- a/packages/application/style/sidepanel.css
+++ b/packages/application/style/sidepanel.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-sidebar-tab-width: 32px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| SideBar
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-SideBar {
/* This is needed so that all font sizing of children done in ems is
@@ -52,12 +52,15 @@
}
.jp-SideBar .lm-TabBar-tab.lm-mod-current {
- min-height: calc(
- var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
- );
- max-height: calc(
- var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
- );
+ min-height:
+ calc(
+ var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
+ );
+ max-height:
+ calc(
+ var(--jp-private-sidebar-tab-width) + var(--jp-border-width)
+ );
+
/* transform: translateY(var(--jp-border-width)); */
}
@@ -97,15 +100,11 @@
border-right: var(--jp-border-width) solid var(--jp-layout-color2);
}
-.jp-SideBar.lm-TabBar.jp-mod-left
- .lm-TabBar-tab.lm-mod-current
- + .lm-TabBar-tab {
+.jp-SideBar.lm-TabBar.jp-mod-left .lm-TabBar-tab.lm-mod-current + .lm-TabBar-tab {
border-right: var(--jp-border-width) solid var(--jp-border-color0);
}
-.jp-SideBar.lm-TabBar.jp-mod-left
- .lm-TabBar-tab
- + .lm-TabBar-tab.lm-mod-current {
+.jp-SideBar.lm-TabBar.jp-mod-left .lm-TabBar-tab + .lm-TabBar-tab.lm-mod-current {
border-right: var(--jp-border-width) solid var(--jp-border-color0);
}
@@ -120,16 +119,13 @@
transform: rotate(-90deg) translateX(-100%);
}
-.jp-SideBar.lm-TabBar.jp-mod-left
- .lm-TabBar-tab:not(.lm-mod-current)
- .lm-TabBar-tabIcon {
+.jp-SideBar.lm-TabBar.jp-mod-left .lm-TabBar-tab:not(.lm-mod-current) .lm-TabBar-tabIcon {
transform: rotate(90deg);
}
-.jp-SideBar.lm-TabBar.jp-mod-left
- .lm-TabBar-tab.lm-mod-current
- .lm-TabBar-tabIcon {
- transform: rotate(90deg)
+.jp-SideBar.lm-TabBar.jp-mod-left .lm-TabBar-tab.lm-mod-current .lm-TabBar-tabIcon {
+ transform:
+ rotate(90deg)
translate(
calc(-0.5 * var(--jp-border-width)),
calc(-0.5 * var(--jp-border-width))
@@ -148,15 +144,11 @@
border-left: var(--jp-border-width) solid var(--jp-layout-color2);
}
-.jp-SideBar.lm-TabBar.jp-mod-right
- .lm-TabBar-tab.lm-mod-current
- + .lm-TabBar-tab {
+.jp-SideBar.lm-TabBar.jp-mod-right .lm-TabBar-tab.lm-mod-current + .lm-TabBar-tab {
border-left: var(--jp-border-width) solid var(--jp-border-color0);
}
-.jp-SideBar.lm-TabBar.jp-mod-right
- .lm-TabBar-tab
- + .lm-TabBar-tab.lm-mod-current {
+.jp-SideBar.lm-TabBar.jp-mod-right .lm-TabBar-tab + .lm-TabBar-tab.lm-mod-current {
border-left: var(--jp-border-width) solid var(--jp-border-color0);
}
@@ -171,16 +163,13 @@
transform: rotate(90deg) translateY(-100%);
}
-.jp-SideBar.lm-TabBar.jp-mod-right
- .lm-TabBar-tab:not(.lm-mod-current)
- .lm-TabBar-tabIcon {
+.jp-SideBar.lm-TabBar.jp-mod-right .lm-TabBar-tab:not(.lm-mod-current) .lm-TabBar-tabIcon {
transform: rotate(-90deg);
}
-.jp-SideBar.lm-TabBar.jp-mod-right
- .lm-TabBar-tab.lm-mod-current
- .lm-TabBar-tabIcon {
- transform: rotate(-90deg)
+.jp-SideBar.lm-TabBar.jp-mod-right .lm-TabBar-tab.lm-mod-current .lm-TabBar-tabIcon {
+ transform:
+ rotate(-90deg)
translate(
calc(0.5 * var(--jp-border-width)),
calc(-0.5 * var(--jp-border-width))
diff --git a/packages/application/style/skiplink.css b/packages/application/style/skiplink.css
index d957e8255a..35512587dd 100644
--- a/packages/application/style/skiplink.css
+++ b/packages/application/style/skiplink.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-skiplink-wrapper {
overflow: visible;
diff --git a/packages/application/style/tabs.css b/packages/application/style/tabs.css
index bb23cb958f..ae800911ca 100644
--- a/packages/application/style/tabs.css
+++ b/packages/application/style/tabs.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
/* These need to be root because tabs get attached to the body during dragging. */
@@ -14,9 +14,9 @@
--jp-private-horizontal-tab-active-top-border: 2px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Tabs in the dock panel
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-DockPanel-tabBar,
.lm-TabPanel-tabBar {
@@ -26,14 +26,15 @@
font-size: var(--jp-ui-font-size1);
}
-.lm-DockPanel-tabBar[data-orientation='horizontal'],
-.lm-TabPanel-tabBar[data-orientation='horizontal'] {
- min-height: calc(
- var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
- );
+.lm-DockPanel-tabBar[data-orientation="horizontal"],
+.lm-TabPanel-tabBar[data-orientation="horizontal"] {
+ min-height:
+ calc(
+ var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
+ );
}
-.lm-DockPanel-tabBar[data-orientation='vertical'] {
+.lm-DockPanel-tabBar[data-orientation="vertical"] {
min-width: 80px;
}
@@ -48,13 +49,14 @@
.lm-TabPanel-tabBar .lm-TabBar-tab {
flex: 0 1 var(--jp-private-horizontal-tab-width);
align-items: center;
- min-height: calc(
- var(--jp-private-horizontal-tab-height) + var(--jp-border-width)
- );
- min-width: 0px;
+ min-height:
+ calc(
+ var(--jp-private-horizontal-tab-height) + var(--jp-border-width)
+ );
+ min-width: 0;
margin-left: calc(-1 * var(--jp-border-width));
line-height: var(--jp-private-horizontal-tab-height);
- padding: 0px 8px;
+ padding: 0 8px;
background: var(--jp-layout-color2);
border: var(--jp-border-width) solid var(--jp-border-color1);
border-bottom: none;
@@ -75,9 +77,10 @@
.lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-current {
background: var(--jp-layout-color1);
color: var(--jp-ui-font-color0);
- min-height: calc(
- var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
- );
+ min-height:
+ calc(
+ var(--jp-private-horizontal-tab-height) + 2 * var(--jp-border-width)
+ );
transform: translateY(var(--jp-border-width));
}
@@ -87,11 +90,11 @@
}
/* This is the main application level current tab: only 1 exists. */
-.lm-DockPanel-tabBar .lm-TabBar-tab.jp-mod-current:before {
+.lm-DockPanel-tabBar .lm-TabBar-tab.jp-mod-current::before {
position: absolute;
top: calc(-1 * var(--jp-border-width) + 1px);
left: calc(-1 * var(--jp-border-width));
- content: '';
+ content: "";
height: var(--jp-private-horizontal-tab-active-top-border);
width: calc(100% + 2 * var(--jp-border-width));
background: var(--jp-brand-color1);
@@ -166,6 +169,6 @@
line-height: var(--jp-private-horizontal-tab-height);
min-height: var(--jp-private-horizontal-tab-height);
min-width: var(--jp-private-horizontal-tab-width);
- padding: 0px 10px;
+ padding: 0 10px;
transform: translateX(-40%) translateY(-58%);
}
diff --git a/packages/application/style/titlepanel.css b/packages/application/style/titlepanel.css
index 36bf363a6d..a3c8f1deed 100644
--- a/packages/application/style/titlepanel.css
+++ b/packages/application/style/titlepanel.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-title-panel-height: 28px;
@@ -33,6 +33,6 @@
color: var(--jp-ui-font-color0);
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
+ appearance: none;
}
diff --git a/packages/apputils-extension/style/base.css b/packages/apputils-extension/style/base.css
index f01bf01b11..9118c9e76e 100644
--- a/packages/apputils-extension/style/base.css
+++ b/packages/apputils-extension/style/base.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './redirect.css';
-@import './splash.css';
+@import "./redirect.css";
+@import "./splash.css";
diff --git a/packages/apputils-extension/style/index.css b/packages/apputils-extension/style/index.css
index ed999946da..4e68c2c8f2 100644
--- a/packages/apputils-extension/style/index.css
+++ b/packages/apputils-extension/style/index.css
@@ -1,16 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
+@import url("./base.css");
diff --git a/packages/apputils-extension/style/redirect.css b/packages/apputils-extension/style/redirect.css
index 53af02521e..8614f6f076 100644
--- a/packages/apputils-extension/style/redirect.css
+++ b/packages/apputils-extension/style/redirect.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-RedirectForm input {
display: block;
diff --git a/packages/apputils-extension/style/splash.css b/packages/apputils-extension/style/splash.css
index 891adef972..374c47956f 100644
--- a/packages/apputils-extension/style/splash.css
+++ b/packages/apputils-extension/style/splash.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
#jupyterlab-splash {
z-index: 10;
@@ -118,6 +118,7 @@
0% {
transform: rotateZ(0deg);
}
+
100% {
transform: rotateZ(-720deg);
}
@@ -127,6 +128,7 @@
0% {
transform: rotateZ(0deg);
}
+
100% {
transform: rotateZ(720deg);
}
@@ -136,6 +138,7 @@
0% {
opacity: 0;
}
+
100% {
opacity: 1;
}
@@ -145,6 +148,7 @@
0% {
opacity: 1;
}
+
100% {
opacity: 0;
}
diff --git a/packages/apputils/style/base.css b/packages/apputils/style/base.css
index 4da2a29b38..60681d2cf9 100644
--- a/packages/apputils/style/base.css
+++ b/packages/apputils/style/base.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './commandpalette.css';
-@import './dialog.css';
-@import './inputdialog.css';
-@import './mainareawidget.css';
-@import './materialcolors.css';
+@import "./commandpalette.css";
+@import "./dialog.css";
+@import "./inputdialog.css";
+@import "./mainareawidget.css";
+@import "./materialcolors.css";
diff --git a/packages/apputils/style/commandpalette.css b/packages/apputils/style/commandpalette.css
index 67a5064d71..b3df9c7ea6 100644
--- a/packages/apputils/style/commandpalette.css
+++ b/packages/apputils/style/commandpalette.css
@@ -1,32 +1,33 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-commandpalette-search-height: 28px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Overall styles
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-CommandPalette {
- padding-bottom: 0px;
+ padding-bottom: 0;
color: var(--jp-ui-font-color1);
background: var(--jp-layout-color1);
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Modal variant
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-ModalCommandPalette {
position: absolute;
@@ -58,15 +59,13 @@
margin-right: 4px;
}
-.jp-ModalCommandPalette
- .lm-CommandPalette
- .lm-CommandPalette-item.lm-mod-disabled {
+.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-item.lm-mod-disabled {
display: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Search
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-CommandPalette-search {
padding: 4px;
@@ -76,14 +75,15 @@
.lm-CommandPalette-wrapper {
overflow: overlay;
- padding: 0px 9px;
+ padding: 0 9px;
background-color: var(--jp-input-active-background);
height: 30px;
box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
}
.lm-CommandPalette.lm-mod-focused .lm-CommandPalette-wrapper {
- box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
+ box-shadow:
+ inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}
@@ -93,7 +93,7 @@
position: absolute;
top: 4px;
right: 4px;
- padding: 5px 5px 1px 5px;
+ padding: 5px 5px 1px;
}
.jp-SearchIconGroup svg {
@@ -116,19 +116,19 @@
line-height: var(--jp-private-commandpalette-search-height);
}
-.lm-CommandPalette-input::-webkit-input-placeholder,
-.lm-CommandPalette-input::-moz-placeholder,
-.lm-CommandPalette-input:-ms-input-placeholder {
+.lminput::input-placeholder,
+.lminput::placeholder,
+.lminput:input-placeholder {
color: var(--jp-ui-font-color2);
font-size: var(--jp-ui-font-size1);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Results
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.lm-CommandPalette-header:first-child {
- margin-top: 0px;
+ margin-top: 0;
}
.lm-CommandPalette-header {
@@ -226,8 +226,8 @@
background-color: var(--jp-layout-color1);
}
-.lm-CommandPalette-content:empty:after {
- content: 'No results';
+.lm-CommandPalette-content:empty::after {
+ content: "No results";
margin: auto;
margin-top: 20px;
width: 100px;
@@ -241,6 +241,6 @@
text-align: center;
margin-top: 24px;
line-height: 1.32;
- padding: 0px 8px;
+ padding: 0 8px;
color: var(--jp-content-font-color3);
}
diff --git a/packages/apputils/style/dialog.css b/packages/apputils/style/dialog.css
index ab79919d58..2fd288c7ef 100644
--- a/packages/apputils/style/dialog.css
+++ b/packages/apputils/style/dialog.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Dialog {
position: absolute;
@@ -11,8 +11,8 @@
flex-direction: column;
align-items: center;
justify-content: center;
- top: 0px;
- left: 0px;
+ top: 0;
+ left: 0;
margin: 0;
padding: 0;
width: 100%;
@@ -26,7 +26,7 @@
margin-left: auto;
margin-right: auto;
background: var(--jp-layout-color1);
- padding: 24px 24px 12px 24px;
+ padding: 24px 24px 12px;
min-width: 300px;
min-height: 150px;
max-width: 1000px;
@@ -35,6 +35,7 @@
box-shadow: var(--jp-elevation-z20);
word-wrap: break-word;
border-radius: var(--jp-border-radius);
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -53,7 +54,7 @@
button.jp-Dialog-button:focus {
outline: 1px solid var(--jp-brand-color1);
outline-offset: 4px;
- -moz-outline-radius: 0px;
+ -moz-outline-radius: 0;
}
button.jp-Dialog-button:focus::-moz-focus-inner {
@@ -64,7 +65,7 @@ button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
outline-offset: 4px;
- -moz-outline-radius: 0px;
+ -moz-outline-radius: 0;
}
button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus {
@@ -126,7 +127,7 @@ button.jp-Dialog-close-button {
}
.jp-Dialog-body > button {
- padding: 0px 16px;
+ padding: 0 16px;
}
.jp-Dialog-body > label {
diff --git a/packages/apputils/style/index.css b/packages/apputils/style/index.css
index 8408781c1b..d3959b1aff 100644
--- a/packages/apputils/style/index.css
+++ b/packages/apputils/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("./base.css");
diff --git a/packages/apputils/style/mainareawidget.css b/packages/apputils/style/mainareawidget.css
index 175621e18d..2cd6c212f4 100644
--- a/packages/apputils/style/mainareawidget.css
+++ b/packages/apputils/style/mainareawidget.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-MainAreaWidget > :focus {
outline: none;
diff --git a/packages/apputils/style/materialcolors.css b/packages/apputils/style/materialcolors.css
index ce84bb90e0..3f46875546 100644
--- a/packages/apputils/style/materialcolors.css
+++ b/packages/apputils/style/materialcolors.css
@@ -17,7 +17,6 @@
--md-red-A200: #ff5252;
--md-red-A400: #ff1744;
--md-red-A700: #d50000;
-
--md-pink-50: #fce4ec;
--md-pink-100: #f8bbd0;
--md-pink-200: #f48fb1;
@@ -32,7 +31,6 @@
--md-pink-A200: #ff4081;
--md-pink-A400: #f50057;
--md-pink-A700: #c51162;
-
--md-purple-50: #f3e5f5;
--md-purple-100: #e1bee7;
--md-purple-200: #ce93d8;
@@ -46,8 +44,7 @@
--md-purple-A100: #ea80fc;
--md-purple-A200: #e040fb;
--md-purple-A400: #d500f9;
- --md-purple-A700: #aa00ff;
-
+ --md-purple-A700: #a0f;
--md-deep-purple-50: #ede7f6;
--md-deep-purple-100: #d1c4e9;
--md-deep-purple-200: #b39ddb;
@@ -62,7 +59,6 @@
--md-deep-purple-A200: #7c4dff;
--md-deep-purple-A400: #651fff;
--md-deep-purple-A700: #6200ea;
-
--md-indigo-50: #e8eaf6;
--md-indigo-100: #c5cae9;
--md-indigo-200: #9fa8da;
@@ -77,7 +73,6 @@
--md-indigo-A200: #536dfe;
--md-indigo-A400: #3d5afe;
--md-indigo-A700: #304ffe;
-
--md-blue-50: #e3f2fd;
--md-blue-100: #bbdefb;
--md-blue-200: #90caf9;
@@ -92,7 +87,6 @@
--md-blue-A200: #448aff;
--md-blue-A400: #2979ff;
--md-blue-A700: #2962ff;
-
--md-light-blue-50: #e1f5fe;
--md-light-blue-100: #b3e5fc;
--md-light-blue-200: #81d4fa;
@@ -107,7 +101,6 @@
--md-light-blue-A200: #40c4ff;
--md-light-blue-A400: #00b0ff;
--md-light-blue-A700: #0091ea;
-
--md-cyan-50: #e0f7fa;
--md-cyan-100: #b2ebf2;
--md-cyan-200: #80deea;
@@ -122,7 +115,6 @@
--md-cyan-A200: #18ffff;
--md-cyan-A400: #00e5ff;
--md-cyan-A700: #00b8d4;
-
--md-teal-50: #e0f2f1;
--md-teal-100: #b2dfdb;
--md-teal-200: #80cbc4;
@@ -137,7 +129,6 @@
--md-teal-A200: #64ffda;
--md-teal-A400: #1de9b6;
--md-teal-A700: #00bfa5;
-
--md-green-50: #e8f5e9;
--md-green-100: #c8e6c9;
--md-green-200: #a5d6a7;
@@ -152,7 +143,6 @@
--md-green-A200: #69f0ae;
--md-green-A400: #00e676;
--md-green-A700: #00c853;
-
--md-light-green-50: #f1f8e9;
--md-light-green-100: #dcedc8;
--md-light-green-200: #c5e1a5;
@@ -167,7 +157,6 @@
--md-light-green-A200: #b2ff59;
--md-light-green-A400: #76ff03;
--md-light-green-A700: #64dd17;
-
--md-lime-50: #f9fbe7;
--md-lime-100: #f0f4c3;
--md-lime-200: #e6ee9c;
@@ -182,7 +171,6 @@
--md-lime-A200: #eeff41;
--md-lime-A400: #c6ff00;
--md-lime-A700: #aeea00;
-
--md-yellow-50: #fffde7;
--md-yellow-100: #fff9c4;
--md-yellow-200: #fff59d;
@@ -194,10 +182,9 @@
--md-yellow-800: #f9a825;
--md-yellow-900: #f57f17;
--md-yellow-A100: #ffff8d;
- --md-yellow-A200: #ffff00;
+ --md-yellow-A200: #ff0;
--md-yellow-A400: #ffea00;
--md-yellow-A700: #ffd600;
-
--md-amber-50: #fff8e1;
--md-amber-100: #ffecb3;
--md-amber-200: #ffe082;
@@ -212,7 +199,6 @@
--md-amber-A200: #ffd740;
--md-amber-A400: #ffc400;
--md-amber-A700: #ffab00;
-
--md-orange-50: #fff3e0;
--md-orange-100: #ffe0b2;
--md-orange-200: #ffcc80;
@@ -227,7 +213,6 @@
--md-orange-A200: #ffab40;
--md-orange-A400: #ff9100;
--md-orange-A700: #ff6d00;
-
--md-deep-orange-50: #fbe9e7;
--md-deep-orange-100: #ffccbc;
--md-deep-orange-200: #ffab91;
@@ -242,7 +227,6 @@
--md-deep-orange-A200: #ff6e40;
--md-deep-orange-A400: #ff3d00;
--md-deep-orange-A700: #dd2c00;
-
--md-brown-50: #efebe9;
--md-brown-100: #d7ccc8;
--md-brown-200: #bcaaa4;
@@ -253,10 +237,9 @@
--md-brown-700: #5d4037;
--md-brown-800: #4e342e;
--md-brown-900: #3e2723;
-
--md-grey-50: #fafafa;
--md-grey-100: #f5f5f5;
- --md-grey-200: #eeeeee;
+ --md-grey-200: #eee;
--md-grey-300: #e0e0e0;
--md-grey-400: #bdbdbd;
--md-grey-500: #9e9e9e;
@@ -264,7 +247,6 @@
--md-grey-700: #616161;
--md-grey-800: #424242;
--md-grey-900: #212121;
-
--md-blue-grey-50: #eceff1;
--md-blue-grey-100: #cfd8dc;
--md-blue-grey-200: #b0bec5;
diff --git a/packages/attachments/style/index.css b/packages/attachments/style/index.css
index ba0c5a5051..0b87b43ce6 100644
--- a/packages/attachments/style/index.css
+++ b/packages/attachments/style/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/rendermime/style/index.css');
+@import url("~@jupyterlab/rendermime/style/index.css");
diff --git a/packages/cells/style/base.css b/packages/cells/style/base.css
index c3ca0b020a..48175269cc 100644
--- a/packages/cells/style/base.css
+++ b/packages/cells/style/base.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './collapser.css';
-@import './headerfooter.css';
-@import './inputarea.css';
-@import './placeholder.css';
-@import './widget.css';
+@import "./collapser.css";
+@import "./headerfooter.css";
+@import "./inputarea.css";
+@import "./placeholder.css";
+@import "./widget.css";
diff --git a/packages/cells/style/collapser.css b/packages/cells/style/collapser.css
index 319da6fbb7..d3a792e346 100644
--- a/packages/cells/style/collapser.css
+++ b/packages/cells/style/collapser.css
@@ -1,12 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Collapser {
flex: 0 0 var(--jp-cell-collapser-width);
- padding: 0px;
- margin: 0px;
+ padding: 0;
+ margin: 0;
border: none;
outline: none;
background: transparent;
@@ -18,15 +18,16 @@
display: block;
width: 100%;
box-sizing: border-box;
+
/* height: 100% doesn't work because the height of its parent is computed from content */
position: absolute;
- top: 0px;
- bottom: 0px;
+ top: 0;
+ bottom: 0;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Printing
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/*
Hiding collapsers in print mode.
diff --git a/packages/cells/style/headerfooter.css b/packages/cells/style/headerfooter.css
index 5157abaacc..5b52b30b90 100644
--- a/packages/cells/style/headerfooter.css
+++ b/packages/cells/style/headerfooter.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Header/Footer
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Hidden by zero height by default */
.jp-CellHeader,
.jp-CellFooter {
- height: 0px;
+ height: 0;
width: 100%;
- padding: 0px;
- margin: 0px;
+ padding: 0;
+ margin: 0;
border: none;
outline: none;
background: transparent;
diff --git a/packages/cells/style/index.css b/packages/cells/style/index.css
index 68884f9bf4..8e93d7cad2 100644
--- a/packages/cells/style/index.css
+++ b/packages/cells/style/index.css
@@ -1,18 +1,17 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@lumino/dragdrop/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/attachments/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/outputarea/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@lumino/dragdrop/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/attachments/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/outputarea/style/index.css");
+@import url("./base.css");
diff --git a/packages/cells/style/inputarea.css b/packages/cells/style/inputarea.css
index ca08677c9d..b906e3db13 100644
--- a/packages/cells/style/inputarea.css
+++ b/packages/cells/style/inputarea.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Input
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* All input areas */
.jp-InputArea {
@@ -19,9 +19,10 @@
display: table-cell;
overflow: hidden;
vertical-align: top;
+
/* This is the non-active, default styling */
border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
- border-radius: 0px;
+ border-radius: 0;
background: var(--jp-cell-editor-background);
}
@@ -37,21 +38,23 @@
line-height: var(--jp-code-line-height);
font-size: var(--jp-code-font-size);
border: var(--jp-border-width) solid transparent;
+
/* Right align prompt text, don't wrap to handle large prompt numbers */
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+
/* Disable text selection */
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Mobile
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
@media only screen and (max-width: 760px) {
.jp-InputArea-editor {
display: table-row;
diff --git a/packages/cells/style/placeholder.css b/packages/cells/style/placeholder.css
index b70e3d6779..d3c2fed407 100644
--- a/packages/cells/style/placeholder.css
+++ b/packages/cells/style/placeholder.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Placeholder
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Placeholder {
display: flex;
@@ -34,6 +34,6 @@
.jp-Placeholder-content .jp-MoreHorizIcon:hover {
border: 1px solid var(--jp-border-color1);
- box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
background-color: var(--jp-layout-color0);
}
diff --git a/packages/cells/style/widget.css b/packages/cells/style/widget.css
index 1c79d7108a..5b55da5fde 100644
--- a/packages/cells/style/widget.css
+++ b/packages/cells/style/widget.css
@@ -1,38 +1,39 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Private CSS variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-cell-scrolling-output-offset: 5px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Cell
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Cell {
padding: var(--jp-cell-padding);
- margin: 0px;
+ margin: 0;
border: none;
outline: none;
background: transparent;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Common input/output
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Cell-inputWrapper,
.jp-Cell-outputWrapper {
display: flex;
flex-direction: row;
- padding: 0px;
- margin: 0px;
+ padding: 0;
+ margin: 0;
+
/* Added to reveal the box-shadow on the input and output collapsers. */
overflow: visible;
}
@@ -43,9 +44,9 @@
flex: 1 1 auto;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Collapser
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Make the output collapser disappear when there is not output, but do so
* in a manner that leaves it in the layout and preserves its width.
@@ -59,9 +60,9 @@
min-height: var(--jp-cell-collapser-min-height);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Output
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Put a space between input and output when there IS output */
.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
@@ -75,7 +76,7 @@
}
.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
- content: ' ';
+ content: " ";
box-shadow: inset 0 0 6px 2px rgb(0 0 0 / 30%);
width: 100%;
height: 100%;
@@ -93,18 +94,19 @@
}
.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
- width: calc(
- var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
- );
+ width:
+ calc(
+ var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
+ );
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| CodeCell
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| MarkdownCell
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-MarkdownOutput {
display: table-cell;
@@ -134,14 +136,12 @@
display: none;
}
-.jp-Notebook.jp-mod-showHiddenCellsButton
- :is(.jp-MarkdownCell:hover, .jp-mod-active)
- .jp-collapseHeadingButton {
+.jp-Notebook.jp-mod-showHiddenCellsButton :is(.jp-MarkdownCell:hover, .jp-mod-active) .jp-collapseHeadingButton {
display: flex;
}
/* showHiddenCellsButton (only show if jp-mod-showHiddenCellsButton is set, which
-is a consequence of the showHiddenCellsButton option in Notebook Settings)*/
+is a consequence of the showHiddenCellsButton option in Notebook Settings) */
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton {
margin-left: calc(var(--jp-cell-prompt-width) + 2 * var(--jp-code-padding));
margin-top: var(--jp-code-padding);
@@ -159,9 +159,9 @@ is a consequence of the showHiddenCellsButton option in Notebook Settings)*/
display: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Printing
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/*
Using block instead of flex to allow the use of the break-inside CSS property for
diff --git a/packages/celltags-extension/style/index.css b/packages/celltags-extension/style/index.css
index 7761b8fe68..182d641db0 100644
--- a/packages/celltags-extension/style/index.css
+++ b/packages/celltags-extension/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/celltags/style/index.css');
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/celltags/style/index.css");
diff --git a/packages/celltags/style/base.css b/packages/celltags/style/base.css
index 0cba14e385..a0ed5c8446 100644
--- a/packages/celltags/style/base.css
+++ b/packages/celltags/style/base.css
@@ -3,7 +3,7 @@
border-radius: 10px;
margin-right: 5px;
margin-bottom: 10px;
- padding: 0px 8px;
+ padding: 0 8px;
font-size: var(--jp-ui-font-size1);
display: inline-flex;
justify-content: center;
@@ -12,10 +12,10 @@
border: 1px solid var(--jp-border-color1);
color: var(--jp-ui-font-color1);
-webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
}
@@ -48,12 +48,12 @@
flex: 0 0 auto;
font-size: var(--jp-ui-font-size1);
color: var(--jp-ui-font-color1);
- padding: 0px 12px;
+ padding: 0 12px;
}
/* Need a more specific selector to override another rule on .jp-NotebookTools children. */
.jp-NotebookTools .tag-label {
- margin: 0px;
+ margin: 0;
}
/* Need a more specific selector to override another rule .jp-NotebookTools children. */
diff --git a/packages/celltags/style/index.css b/packages/celltags/style/index.css
index b8a4c6f09b..ba1d6938ed 100644
--- a/packages/celltags/style/index.css
+++ b/packages/celltags/style/index.css
@@ -1,13 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("./base.css");
diff --git a/packages/codeeditor/style/base.css b/packages/codeeditor/style/base.css
index e001e542f1..e53c4aff27 100644
--- a/packages/codeeditor/style/base.css
+++ b/packages/codeeditor/style/base.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
-@import url('./linecol.css');
+|---------------------------------------------------------------------------- */
+@import url("./linecol.css");
.jp-JSONEditor {
display: flex;
@@ -14,7 +14,7 @@
.jp-JSONEditor-host {
flex: 1 1 auto;
border: var(--jp-border-width) solid var(--jp-input-border-color);
- border-radius: 0px;
+ border-radius: 0;
background: var(--jp-layout-color0);
min-height: 50px;
padding: 1px;
diff --git a/packages/codeeditor/style/index.css b/packages/codeeditor/style/index.css
index e90d10d52d..edd51a5c48 100644
--- a/packages/codeeditor/style/index.css
+++ b/packages/codeeditor/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@lumino/dragdrop/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@lumino/dragdrop/style/index.css");
+@import url("./base.css");
diff --git a/packages/codeeditor/style/linecol.css b/packages/codeeditor/style/linecol.css
index 799208b797..5504df89b6 100644
--- a/packages/codeeditor/style/linecol.css
+++ b/packages/codeeditor/style/linecol.css
@@ -15,7 +15,7 @@
.jp-baseLineForm {
border: none;
- border-radius: 0px;
+ border-radius: 0;
position: absolute;
background-size: 16px;
background-repeat: no-repeat;
@@ -27,13 +27,13 @@
top: 4px;
right: 8px;
height: 24px;
- padding: 0px 12px;
+ padding: 0 12px;
width: 12px;
}
.jp-lineFormButtonIcon {
- top: 0px;
- right: 0px;
+ top: 0;
+ right: 0;
background-color: var(--jp-brand-color1);
height: 100%;
width: 100%;
@@ -42,8 +42,8 @@
}
.jp-lineFormButton {
- top: 0px;
- right: 0px;
+ top: 0;
+ right: 0;
background-color: transparent;
height: 100%;
width: 100%;
@@ -52,7 +52,7 @@
.jp-lineFormWrapper {
overflow: hidden;
- padding: 0px 8px;
+ padding: 0 8px;
border: 1px solid var(--jp-border-color0);
background-color: var(--jp-input-active-background);
height: 22px;
diff --git a/packages/codemirror-extension/style/index.css b/packages/codemirror-extension/style/index.css
index 890d2ce9a8..8c9cf79bfd 100644
--- a/packages/codemirror-extension/style/index.css
+++ b/packages/codemirror-extension/style/index.css
@@ -1,14 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/codemirror/style/base.css b/packages/codemirror/style/base.css
index 767eb4e067..a4a0a31486 100644
--- a/packages/codemirror/style/base.css
+++ b/packages/codemirror/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.CodeMirror {
line-height: var(--jp-code-line-height);
@@ -10,6 +10,7 @@
border: 0;
border-radius: 0;
height: auto;
+
/* Changed to auto to autogrow */
}
@@ -17,12 +18,13 @@
padding: 0 var(--jp-code-padding);
}
-.jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-dialog {
+.jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-dialog {
background-color: var(--jp-layout-color0);
color: var(--jp-content-font-color1);
}
/* This causes https://github.com/jupyter/jupyterlab/issues/522 */
+
/* May not cause it not because we changed it! */
.CodeMirror-lines {
padding: var(--jp-code-padding) 0;
@@ -36,22 +38,24 @@
cursor: text;
}
-.jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
+.jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
}
/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
@media screen and (min-width: 2138px) and (max-width: 4319px) {
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
- border-left: var(--jp-code-cursor-width1) solid
+ .jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
+ border-left:
+ var(--jp-code-cursor-width1) solid
var(--jp-editor-cursor-color);
}
}
/* When zoomed out less than 33% */
@media screen and (min-width: 4320px) {
- .jp-CodeMirrorEditor[data-type='inline'] .CodeMirror-cursor {
- border-left: var(--jp-code-cursor-width2) solid
+ .jp-CodeMirrorEditor[data-type="inline"] .CodeMirror-cursor {
+ border-left:
+ var(--jp-code-cursor-width2) solid
var(--jp-editor-cursor-color);
}
}
@@ -81,9 +85,10 @@
}
.cm-searching {
- background-color: var(
- --jp-search-unselected-match-background-color
- ) !important;
+ background-color:
+ var(
+ --jp-search-unselected-match-background-color
+ ) !important;
color: var(--jp-search-unselected-match-color) !important;
}
@@ -146,78 +151,102 @@
.cm-s-jupyter .CodeMirror-cursor {
border-left: var(--jp-code-cursor-width0) solid var(--jp-editor-cursor-color);
}
+
.cm-s-jupyter span.cm-keyword {
color: var(--jp-mirror-editor-keyword-color);
font-weight: bold;
}
+
.cm-s-jupyter span.cm-atom {
color: var(--jp-mirror-editor-atom-color);
}
+
.cm-s-jupyter span.cm-number {
color: var(--jp-mirror-editor-number-color);
}
+
.cm-s-jupyter span.cm-def {
color: var(--jp-mirror-editor-def-color);
}
+
.cm-s-jupyter span.cm-variable {
color: var(--jp-mirror-editor-variable-color);
}
+
.cm-s-jupyter span.cm-variable-2 {
color: var(--jp-mirror-editor-variable-2-color);
}
+
.cm-s-jupyter span.cm-variable-3 {
color: var(--jp-mirror-editor-variable-3-color);
}
+
.cm-s-jupyter span.cm-punctuation {
color: var(--jp-mirror-editor-punctuation-color);
}
+
.cm-s-jupyter span.cm-property {
color: var(--jp-mirror-editor-property-color);
}
+
.cm-s-jupyter span.cm-operator {
color: var(--jp-mirror-editor-operator-color);
font-weight: bold;
}
+
.cm-s-jupyter span.cm-comment {
color: var(--jp-mirror-editor-comment-color);
font-style: italic;
}
+
.cm-s-jupyter span.cm-string {
color: var(--jp-mirror-editor-string-color);
}
+
.cm-s-jupyter span.cm-string-2 {
color: var(--jp-mirror-editor-string-2-color);
}
+
.cm-s-jupyter span.cm-meta {
color: var(--jp-mirror-editor-meta-color);
}
+
.cm-s-jupyter span.cm-qualifier {
color: var(--jp-mirror-editor-qualifier-color);
}
+
.cm-s-jupyter span.cm-builtin {
color: var(--jp-mirror-editor-builtin-color);
}
+
.cm-s-jupyter span.cm-bracket {
color: var(--jp-mirror-editor-bracket-color);
}
+
.cm-s-jupyter span.cm-tag {
color: var(--jp-mirror-editor-tag-color);
}
+
.cm-s-jupyter span.cm-attribute {
color: var(--jp-mirror-editor-attribute-color);
}
+
.cm-s-jupyter span.cm-header {
color: var(--jp-mirror-editor-header-color);
}
+
.cm-s-jupyter span.cm-quote {
color: var(--jp-mirror-editor-quote-color);
}
+
.cm-s-jupyter span.cm-link {
color: var(--jp-mirror-editor-link-color);
}
+
.cm-s-jupyter span.cm-error {
color: var(--jp-mirror-editor-error-color);
}
+
.cm-s-jupyter span.cm-hr {
color: #999;
}
@@ -249,7 +278,7 @@
padding-bottom: 0.05em;
left: -2px;
font-size: 0.95em;
- background-color: rgb(250, 129, 0);
+ background-color: rgb(250 129 0);
font-family: var(--jp-ui-font-family);
font-weight: bold;
line-height: normal;
diff --git a/packages/codemirror/style/index.css b/packages/codemirror/style/index.css
index 3ef443e62c..4ce615e10f 100644
--- a/packages/codemirror/style/index.css
+++ b/packages/codemirror/style/index.css
@@ -1,16 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~codemirror/lib/codemirror.css');
-@import url('~codemirror/addon/dialog/dialog.css');
-@import url('~codemirror/addon/fold/foldgutter.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~codemirror/lib/codemirror.css");
+@import url("~codemirror/addon/dialog/dialog.css");
+@import url("~codemirror/addon/fold/foldgutter.css");
+@import url("./base.css");
diff --git a/packages/completer-extension/style/index.css b/packages/completer-extension/style/index.css
index 6917f9fe27..9b8b0c49e8 100644
--- a/packages/completer-extension/style/index.css
+++ b/packages/completer-extension/style/index.css
@@ -1,12 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/completer/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/completer/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
diff --git a/packages/completer/style/base.css b/packages/completer/style/base.css
index 38beb2a80f..7524e5da0d 100644
--- a/packages/completer/style/base.css
+++ b/packages/completer/style/base.css
@@ -1,11 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-completer-item-height: 24px;
+
/* Shift the baseline of the type character to align with the match text */
--jp-private-completer-type-offset: 2px;
}
@@ -18,6 +19,7 @@
padding: 0;
display: flex;
flex-direction: row;
+
/* Position the completer relative to the text editor, align the '.' */
margin: 4px 0 0 -30px;
z-index: 10001;
@@ -33,8 +35,8 @@
.jp-Completer-docpanel pre {
border: none;
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
white-space: pre-wrap;
}
@@ -84,6 +86,7 @@
.jp-Completer-item .jp-Completer-icon {
vertical-align: middle;
+
/* Normal element size from LabIconStyle.ISheetOptions */
height: 16px;
width: 16px;
@@ -96,10 +99,11 @@
min-width: var(--jp-private-completer-item-height);
font-family: var(--jp-ui-font-family);
font-size: var(--jp-ui-font-size1);
- line-height: calc(
- var(--jp-private-completer-item-height) -
+ line-height:
+ calc(
+ var(--jp-private-completer-item-height) -
var(--jp-private-completer-type-offset)
- );
+ );
padding-bottom: var(--jp-private-completer-type-offset);
}
@@ -133,46 +137,46 @@
color: inherit;
}
-.jp-Completer-type[data-color-index='0'] {
+.jp-Completer-type[data-color-index="0"] {
background: transparent;
}
-.jp-Completer-type[data-color-index='1'] {
+.jp-Completer-type[data-color-index="1"] {
background: #1f77b4;
}
-.jp-Completer-type[data-color-index='2'] {
+.jp-Completer-type[data-color-index="2"] {
background: #ff7f0e;
}
-.jp-Completer-type[data-color-index='3'] {
+.jp-Completer-type[data-color-index="3"] {
background: #2ca02c;
}
-.jp-Completer-type[data-color-index='4'] {
+.jp-Completer-type[data-color-index="4"] {
background: #d62728;
}
-.jp-Completer-type[data-color-index='5'] {
+.jp-Completer-type[data-color-index="5"] {
background: #9467bd;
}
-.jp-Completer-type[data-color-index='6'] {
+.jp-Completer-type[data-color-index="6"] {
background: #8c564b;
}
-.jp-Completer-type[data-color-index='7'] {
+.jp-Completer-type[data-color-index="7"] {
background: #e377c2;
}
-.jp-Completer-type[data-color-index='8'] {
+.jp-Completer-type[data-color-index="8"] {
background: #7f7f7f;
}
-.jp-Completer-type[data-color-index='9'] {
+.jp-Completer-type[data-color-index="9"] {
background: #bcbd22;
}
-.jp-Completer-type[data-color-index='10'] {
+.jp-Completer-type[data-color-index="10"] {
background: #17becf;
}
diff --git a/packages/completer/style/index.css b/packages/completer/style/index.css
index 4f80f4f9b8..546a3a5b18 100644
--- a/packages/completer/style/index.css
+++ b/packages/completer/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("./base.css");
diff --git a/packages/console-extension/style/index.css b/packages/console-extension/style/index.css
index 713715de31..bc91fc31c9 100644
--- a/packages/console-extension/style/index.css
+++ b/packages/console-extension/style/index.css
@@ -1,16 +1,16 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/console/style/base.css b/packages/console/style/base.css
index 755cd9fc23..0cd3725d65 100644
--- a/packages/console/style/base.css
+++ b/packages/console/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-ConsolePanel {
display: flex;
@@ -23,9 +23,9 @@
padding: var(--jp-cell-padding);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Content (already run cells)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-CodeConsole-content {
background: var(--jp-layout-color0);
@@ -46,6 +46,7 @@
}
/* This rule is for styling cell run by another activity in this console */
+
/* .jp-CodeConsole-content .jp-Cell.jp-CodeConsole-foreignCell {
} */
@@ -65,9 +66,9 @@
opacity: var(--jp-cell-collapser-not-active-hover-opacity);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Input/prompt cell
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-CodeConsole-input {
max-height: 80%;
@@ -75,9 +76,10 @@
overflow: auto;
border-top: var(--jp-border-width) solid var(--jp-toolbar-border-color);
padding: var(--jp-cell-padding) var(--jp-console-padding);
+
/* This matches the box shadow on the notebook toolbar, eventually we should create
* CSS variables for this */
- box-shadow: 0px 0.4px 6px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.4px 6px 0 rgb(0 0 0 / 10%);
background: var(--jp-layout-color1);
}
@@ -92,9 +94,9 @@
background-color: var(--jp-cell-editor-active-background);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-mod-presentationMode .jp-CodeConsole {
--jp-content-font-size1: var(--jp-content-presentation-font-size1);
diff --git a/packages/console/style/index.css b/packages/console/style/index.css
index 654182fcca..d5ccc184bc 100644
--- a/packages/console/style/index.css
+++ b/packages/console/style/index.css
@@ -1,15 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@lumino/dragdrop/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@lumino/dragdrop/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("./base.css");
diff --git a/packages/csvviewer-extension/style/index.css b/packages/csvviewer-extension/style/index.css
index 6883e6ef8c..15fe64edfd 100644
--- a/packages/csvviewer-extension/style/index.css
+++ b/packages/csvviewer-extension/style/index.css
@@ -1,13 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/csvviewer/style/index.css');
-@import url('~@jupyterlab/documentsearch/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/csvviewer/style/index.css");
+@import url("~@jupyterlab/documentsearch/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/csvviewer/style/base.css b/packages/csvviewer/style/base.css
index 52d9dd06bd..ed502a21c7 100644
--- a/packages/csvviewer/style/base.css
+++ b/packages/csvviewer/style/base.css
@@ -1,12 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-CSVViewer {
display: flex;
flex-direction: column;
outline: none;
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
diff --git a/packages/csvviewer/style/index.css b/packages/csvviewer/style/index.css
index 93c90c4f2c..1b2ffa49a0 100644
--- a/packages/csvviewer/style/index.css
+++ b/packages/csvviewer/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/debugger-extension/style/index.css b/packages/debugger-extension/style/index.css
index 3c66b3b731..f8efe59b04 100644
--- a/packages/debugger-extension/style/index.css
+++ b/packages/debugger-extension/style/index.css
@@ -1,17 +1,17 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/debugger/style/index.css');
-@import url('~@jupyterlab/logconsole/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/debugger/style/index.css");
+@import url("~@jupyterlab/logconsole/style/index.css");
diff --git a/packages/debugger/style/base.css b/packages/debugger/style/base.css
index dd1a2cb0f8..dd5c110d53 100644
--- a/packages/debugger/style/base.css
+++ b/packages/debugger/style/base.css
@@ -1,15 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
-@import './breakpoints.css';
-@import './callstack.css';
-@import './editor.css';
-@import './icons.css';
-@import './kernelSources.css';
-@import './sidebar.css';
-@import './sources.css';
-@import './variables.css';
+|---------------------------------------------------------------------------- */
+@import "./breakpoints.css";
+@import "./callstack.css";
+@import "./editor.css";
+@import "./icons.css";
+@import "./kernelSources.css";
+@import "./sidebar.css";
+@import "./sources.css";
+@import "./variables.css";
.jp-left-truncated {
overflow: hidden;
@@ -18,9 +18,9 @@
}
#jp-debugger .jp-switch-label {
- margin-right: 0px;
+ margin-right: 0;
}
-.jp-DebuggerBugButton[aria-pressed='true'] path {
+.jp-DebuggerBugButton[aria-pressed="true"] path {
fill: var(--jp-warn-color0);
}
diff --git a/packages/debugger/style/breakpoints.css b/packages/debugger/style/breakpoints.css
index 930b2fd152..e476c73680 100644
--- a/packages/debugger/style/breakpoints.css
+++ b/packages/debugger/style/breakpoints.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerBreakpoints {
display: flex;
@@ -28,7 +28,7 @@
.jp-DebuggerBreakpoint-marker {
font-size: 20px;
padding-right: 5px;
- content: '●';
+ content: "●";
color: var(--jp-error-color1);
}
@@ -55,8 +55,8 @@
margin-left: auto;
}
-[data-jp-debugger='true'] .CodeMirror-gutter-wrapper::after {
- content: '●';
+[data-jp-debugger="true"] .CodeMirror-gutter-wrapper::after {
+ content: "●";
color: var(--jp-error-color1);
opacity: 0;
position: absolute;
@@ -64,16 +64,12 @@
top: -1px;
}
-[data-jp-debugger='true'].jp-Editor .CodeMirror-gutter-wrapper:hover::after,
-[data-jp-debugger='true']
- .jp-Notebook
- .jp-CodeCell.jp-mod-selected
- .CodeMirror-gutter-wrapper:hover::after,
-[data-jp-debugger='true'] .jp-Editor .CodeMirror-gutter-wrapper:hover::after {
+[data-jp-debugger="true"].jp-Editor .CodeMirror-gutter-wrapper:hover::after,
+[data-jp-debugger="true"] .jp-Notebook .jp-CodeCell.jp-mod-selected .CodeMirror-gutter-wrapper:hover::after,
+[data-jp-debugger="true"] .jp-Editor .CodeMirror-gutter-wrapper:hover::after {
opacity: 0.5;
}
-[data-jp-debugger='true'].jp-DebuggerEditors
- .CodeMirror-gutter-wrapper:hover::after {
+[data-jp-debugger="true"].jp-DebuggerEditors .CodeMirror-gutter-wrapper:hover::after {
opacity: 0.5;
}
diff --git a/packages/debugger/style/callstack.css b/packages/debugger/style/callstack.css
index 2f4dc21a36..3efd2ce48a 100644
--- a/packages/debugger/style/callstack.css
+++ b/packages/debugger/style/callstack.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerCallstack {
display: flex;
diff --git a/packages/debugger/style/editor.css b/packages/debugger/style/editor.css
index 8ea7335e04..a26f8de4f9 100644
--- a/packages/debugger/style/editor.css
+++ b/packages/debugger/style/editor.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerEditor-highlight {
text-shadow: 0 0 1px var(--jp-layout-color0);
outline: 1px solid;
}
-body[data-jp-theme-light='false'] .jp-DebuggerEditor-highlight {
+body[data-jp-theme-light="false"] .jp-DebuggerEditor-highlight {
background-color: var(--md-brown-800);
outline-color: var(--md-brown-600);
}
-body[data-jp-theme-light='true'] .jp-DebuggerEditor-highlight {
+body[data-jp-theme-light="true"] .jp-DebuggerEditor-highlight {
background-color: var(--md-brown-100);
outline-color: var(--md-brown-300);
}
diff --git a/packages/debugger/style/icons.css b/packages/debugger/style/icons.css
index 3dc8c6515a..c51eb63323 100644
--- a/packages/debugger/style/icons.css
+++ b/packages/debugger/style/icons.css
@@ -1,13 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
button.jp-Button.jp-mod-minimal.jp-TreeView.jp-TreeView,
button.jp-Button.jp-mod-minimal.jp-TreeView.jp-TableView {
display: flex;
align-items: center;
- -webkit-transition: 0.4s;
+ transition: 0.4s;
transition: 0.4s;
width: 35px;
}
diff --git a/packages/debugger/style/index.css b/packages/debugger/style/index.css
index 84eabe55b6..04d7bf9bba 100644
--- a/packages/debugger/style/index.css
+++ b/packages/debugger/style/index.css
@@ -1,20 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("./base.css");
diff --git a/packages/debugger/style/kernelSources.css b/packages/debugger/style/kernelSources.css
index 3f81cc3a4b..b0c4f5f44b 100644
--- a/packages/debugger/style/kernelSources.css
+++ b/packages/debugger/style/kernelSources.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerKernelSources {
min-height: 50px;
margin-top: 3px;
}
-[data-jp-debugger='true'].jp-Editor .jp-mod-readOnly {
+[data-jp-debugger="true"].jp-Editor .jp-mod-readOnly {
background: var(--jp-layout-color2);
height: 100%;
}
-.jp-DebuggerKernelSources-body [data-jp-debugger='true'].jp-Editor {
+.jp-DebuggerKernelSources-body [data-jp-debugger="true"].jp-Editor {
height: 100%;
}
@@ -32,9 +32,9 @@
}
.jp-DebuggerKernelSource-filterBox {
- padding: 0px;
+ padding: 0;
flex: 0 0 auto;
- margin: 0px 0px 0px 0px;
+ margin: 0;
}
.jp-DebuggerKernelSource-filterBox-hidden {
diff --git a/packages/debugger/style/sidebar.css b/packages/debugger/style/sidebar.css
index 508c200f69..26f4e6b6a5 100644
--- a/packages/debugger/style/sidebar.css
+++ b/packages/debugger/style/sidebar.css
@@ -1,12 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-SidePanel-header > h2 {
/* Set font-size to override default h2 sizing but keeping default --jp-ui-font-size0 */
font-size: 100%;
font-weight: 600;
- margin: 0px auto 0px 0px;
+ margin: 0 auto 0 0;
padding: 4px 10px;
}
diff --git a/packages/debugger/style/sources.css b/packages/debugger/style/sources.css
index 55a47c837f..6ef2185cc8 100644
--- a/packages/debugger/style/sources.css
+++ b/packages/debugger/style/sources.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerSources {
min-height: 50px;
margin-top: 3px;
}
-[data-jp-debugger='true'].jp-Editor .jp-mod-readOnly {
+[data-jp-debugger="true"].jp-Editor .jp-mod-readOnly {
background: var(--jp-layout-color2);
height: 100%;
}
-.jp-DebuggerSources-body [data-jp-debugger='true'].jp-Editor {
+.jp-DebuggerSources-body [data-jp-debugger="true"].jp-Editor {
height: 100%;
}
diff --git a/packages/debugger/style/variables.css b/packages/debugger/style/variables.css
index 5f2b8bb5e2..281ddec032 100644
--- a/packages/debugger/style/variables.css
+++ b/packages/debugger/style/variables.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DebuggerVariables {
display: flex;
@@ -29,7 +29,7 @@
}
.jp-DebuggerVariables-body ul li {
- padding: 5px 0 0 0;
+ padding: 5px 0 0;
cursor: pointer;
color: var(--jp-content-font-color1);
display: flex;
@@ -50,7 +50,7 @@
background: none;
cursor: pointer;
display: none;
- padding: 0px 8px;
+ padding: 0 8px;
}
.jp-DebuggerVariables-body .jp-DebuggerVariables-renderVariable:active {
@@ -108,23 +108,24 @@
.jp-DebuggerVariables-colorPalette .jp-mod-selection {
/* TODO: Fix JupyterLab light theme (alpha) so this can be a variable. */
- color: rgba(3, 169, 244, 0.2);
+ color: rgb(3 169 244 / 20%);
}
.jp-DebuggerVariables-colorPalette .jp-mod-text {
color: var(--jp-content-font-color0);
}
-.jp-VariableRenderer-TrustButton[aria-pressed='true'] {
- box-shadow: inset 0 var(--jp-border-width) 4px
- rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.6
+.jp-VariableRenderer-TrustButton[aria-pressed="true"] {
+ box-shadow:
+ inset 0 var(--jp-border-width) 4px
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 60%
);
}
-.jp-DebuggerRichVariable div[data-mime-type='text/plain'] > pre {
+.jp-DebuggerRichVariable div[data-mime-type="text/plain"] > pre {
white-space: normal;
}
diff --git a/packages/docmanager-extension/style/index.css b/packages/docmanager-extension/style/index.css
index 9044d62fd8..a4df225600 100644
--- a/packages/docmanager-extension/style/index.css
+++ b/packages/docmanager-extension/style/index.css
@@ -1,14 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docprovider/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docprovider/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
diff --git a/packages/docmanager/style/index.css b/packages/docmanager/style/index.css
index 976696398a..306837253d 100644
--- a/packages/docmanager/style/index.css
+++ b/packages/docmanager/style/index.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docprovider/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docprovider/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
diff --git a/packages/docprovider-extension/style/index.css b/packages/docprovider-extension/style/index.css
index 467919fb3a..510b4b0954 100644
--- a/packages/docprovider-extension/style/index.css
+++ b/packages/docprovider-extension/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/user/style/index.css');
-@import url('~@jupyterlab/docprovider/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
+@import url("~@jupyterlab/user/style/index.css");
+@import url("~@jupyterlab/docprovider/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
diff --git a/packages/docprovider/style/index.css b/packages/docprovider/style/index.css
index 4eb5135c0b..18d69de8f4 100644
--- a/packages/docprovider/style/index.css
+++ b/packages/docprovider/style/index.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/user/style/index.css');
+@import url("~@jupyterlab/user/style/index.css");
diff --git a/packages/docregistry/style/base.css b/packages/docregistry/style/base.css
index c1c969d370..cba882d830 100644
--- a/packages/docregistry/style/base.css
+++ b/packages/docregistry/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-MimeDocument {
outline: none;
diff --git a/packages/docregistry/style/index.css b/packages/docregistry/style/index.css
index 4bd496ce44..f8df776902 100644
--- a/packages/docregistry/style/index.css
+++ b/packages/docregistry/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docprovider/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docprovider/style/index.css");
+@import url("./base.css");
diff --git a/packages/documentsearch-extension/style/index.css b/packages/documentsearch-extension/style/index.css
index 0fd508dace..d29f5388d3 100644
--- a/packages/documentsearch-extension/style/index.css
+++ b/packages/documentsearch-extension/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/documentsearch/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/documentsearch/style/index.css");
diff --git a/packages/documentsearch/style/base.css b/packages/documentsearch/style/base.css
index 45567031cc..239b3d80ff 100644
--- a/packages/documentsearch/style/base.css
+++ b/packages/documentsearch/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DocumentSearch-input {
border: none;
outline: none;
@@ -91,7 +91,8 @@
.jp-DocumentSearch-toggle-wrapper:focus,
.jp-DocumentSearch-button-wrapper:focus {
- outline: var(--jp-border-width) solid
+ outline:
+ var(--jp-border-width) solid
var(--jp-cell-editor-active-border-color);
outline-offset: -1px;
}
@@ -106,7 +107,7 @@
width: 5px;
}
-.jp-DocumentSearch-input-button:before {
+.jp-DocumentSearch-input-button::before {
display: block;
padding-top: 100%;
}
@@ -187,6 +188,7 @@
width: 200px;
display: grid;
}
+
.jp-DocumentSearch-search-options-disabled {
color: var(--jp-ui-font-color2);
}
diff --git a/packages/documentsearch/style/index.css b/packages/documentsearch/style/index.css
index 4f80f4f9b8..546a3a5b18 100644
--- a/packages/documentsearch/style/index.css
+++ b/packages/documentsearch/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("./base.css");
diff --git a/packages/extensionmanager-extension/style/index.css b/packages/extensionmanager-extension/style/index.css
index cc60c3f2e7..cfed73ed26 100644
--- a/packages/extensionmanager-extension/style/index.css
+++ b/packages/extensionmanager-extension/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/extensionmanager/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/extensionmanager/style/index.css");
diff --git a/packages/extensionmanager/style/base.css b/packages/extensionmanager/style/base.css
index 18225a83de..368f1cd119 100644
--- a/packages/extensionmanager/style/base.css
+++ b/packages/extensionmanager/style/base.css
@@ -3,7 +3,7 @@
*/
.jp-extensionmanager-view {
- padding-bottom: 0px;
+ padding-bottom: 0;
color: var(--jp-ui-font-color1);
background: var(--jp-layout-color1);
display: flex;
@@ -53,7 +53,7 @@
display: flex;
justify-content: space-between;
flex: 0 0 auto;
- margin: 0px;
+ margin: 0;
font-weight: 600;
text-transform: uppercase;
border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
@@ -65,24 +65,20 @@
}
.jp-extensionmanager-view .jp-stack-panel-header > .jp-ToolbarButtonComponent {
- padding: 0px 2px;
+ padding: 0 2px;
border: 1px solid transparent;
background-color: var(--jp-layout-color1);
color: var(--jp-ui-font-color1);
}
-.jp-extensionmanager-view
- .jp-stack-panel-header
- .jp-extensionmanager-headerText {
+.jp-extensionmanager-view .jp-stack-panel-header .jp-extensionmanager-headerText {
flex: 1 0 auto;
- margin: 0px 4px;
+ margin: 0 4px;
}
-.jp-extensionmanager-view
- .jp-stack-panel-header
- .jp-extensionmanager-headerTextDisabled {
+.jp-extensionmanager-view .jp-stack-panel-header .jp-extensionmanager-headerTextDisabled {
flex: 1 0 auto;
- margin: 0px 4px;
+ margin: 0 4px;
color: var(--jp-layout-color3);
}
@@ -131,7 +127,8 @@
}
.jp-extensionmanager-search-wrapper input:focus {
- box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
+ box-shadow:
+ inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}
@@ -141,8 +138,8 @@
.jp-extensionmanager-view ul.pagination {
display: inline-block;
- padding-left: 0px;
- padding-right: 0px;
+ padding-left: 0;
+ padding-right: 0;
}
.jp-extensionmanager-view .pagination li {
@@ -213,6 +210,7 @@
}
/* this is not styled */
+
/* .jp-extensionmanager-entry.jp-extensionmanager-entry-warning {
} */
@@ -268,10 +266,10 @@
background-color: var(--jp-layout-color1);
}
-.jp-extensionmanager-pending.jp-mod-hasPending:before {
+.jp-extensionmanager-pending.jp-mod-hasPending::before {
display: block;
position: absolute;
- content: '';
+ content: "";
left: -200px;
width: 200px;
height: 4px;
@@ -285,18 +283,23 @@
left: -200px;
width: 30%;
}
+
50% {
width: 30%;
}
+
70% {
width: 70%;
}
+
80% {
left: 50%;
}
+
95% {
left: 120%;
}
+
to {
left: 100%;
}
diff --git a/packages/extensionmanager/style/index.css b/packages/extensionmanager/style/index.css
index 05db54131b..6ad9151ac9 100644
--- a/packages/extensionmanager/style/index.css
+++ b/packages/extensionmanager/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-
-@import url('./base.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("./base.css");
diff --git a/packages/filebrowser-extension/style/base.css b/packages/filebrowser-extension/style/base.css
index a40485e339..bcb0ee051f 100644
--- a/packages/filebrowser-extension/style/base.css
+++ b/packages/filebrowser-extension/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
#filebrowser.jp-mod-restoring .jp-DirListing-content {
display: none;
diff --git a/packages/filebrowser-extension/style/index.css b/packages/filebrowser-extension/style/index.css
index 2e3be6e0aa..bdee361ca2 100644
--- a/packages/filebrowser-extension/style/index.css
+++ b/packages/filebrowser-extension/style/index.css
@@ -1,17 +1,16 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("./base.css");
diff --git a/packages/filebrowser/style/base.css b/packages/filebrowser/style/base.css
index 1fb6c45424..ac60742e56 100644
--- a/packages/filebrowser/style/base.css
+++ b/packages/filebrowser/style/base.css
@@ -1,27 +1,28 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-filebrowser-button-height: 28px;
--jp-private-filebrowser-button-width: 48px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-FileBrowser {
display: flex;
flex-direction: column;
color: var(--jp-ui-font-color1);
background: var(--jp-layout-color1);
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -30,20 +31,20 @@
.jp-FileBrowser-toolbar.jp-Toolbar {
border-bottom: none;
height: auto;
- margin: 8px 12px 0px 12px;
+ margin: 8px 12px 0;
box-shadow: none;
- padding: 0px;
+ padding: 0;
justify-content: flex-start;
}
.jp-BreadCrumbs {
flex: 0 0 auto;
- margin: 8px 12px 8px 12px;
+ margin: 8px 12px;
}
.jp-BreadCrumbs-item {
- margin: 0px 2px;
- padding: 0px 2px;
+ margin: 0 2px;
+ padding: 0 2px;
border-radius: var(--jp-border-radius);
cursor: pointer;
}
@@ -53,7 +54,7 @@
}
.jp-BreadCrumbs-item:first-child {
- margin-left: 0px;
+ margin-left: 0;
}
.jp-BreadCrumbs-item.jp-mod-dropTarget {
@@ -61,13 +62,13 @@
opacity: 0.7;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Buttons
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-FileBrowser-toolbar.jp-Toolbar .jp-Toolbar-item {
flex: 0 0 auto;
- padding-left: 0px;
+ padding-left: 0;
padding-right: 2px;
}
@@ -75,29 +76,22 @@
width: 40px;
}
-.jp-FileBrowser-toolbar.jp-Toolbar
- .jp-Toolbar-item:first-child
- .jp-ToolbarButtonComponent {
+.jp-FileBrowser-toolbar.jp-Toolbar .jp-Toolbar-item:first-child .jp-ToolbarButtonComponent {
width: 72px;
background: var(--jp-brand-color1);
}
-.jp-FileBrowser-toolbar.jp-Toolbar
- .jp-Toolbar-item:first-child
- .jp-ToolbarButtonComponent:focus-visible {
+.jp-FileBrowser-toolbar.jp-Toolbar .jp-Toolbar-item:first-child .jp-ToolbarButtonComponent:focus-visible {
background-color: var(--jp-accept-color-active, var(--jp-brand-color0));
}
-.jp-FileBrowser-toolbar.jp-Toolbar
- .jp-Toolbar-item:first-child
- .jp-ToolbarButtonComponent
- .jp-icon3 {
+.jp-FileBrowser-toolbar.jp-Toolbar .jp-Toolbar-item:first-child .jp-ToolbarButtonComponent .jp-icon3 {
fill: var(--jp-layout-color1);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Other styles
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-FileDialog.jp-mod-conflict input {
color: var(--jp-error-color1);
@@ -112,14 +106,14 @@
}
.jp-FileBrowser-filterBox {
- padding: 0px;
+ padding: 0;
flex: 0 0 auto;
- margin: 8px 12px 0px 12px;
+ margin: 8px 12px 0;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| DirListing
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-DirListing {
flex: 1 1 auto;
@@ -144,7 +138,7 @@
}
.jp-DirListing-headerItem {
- padding: 4px 12px 2px 12px;
+ padding: 4px 12px 2px;
font-weight: 500;
}
@@ -165,7 +159,7 @@
.jp-id-narrow {
display: none;
flex: 0 0 5px;
- padding: 4px 4px;
+ padding: 4px;
border-left: var(--jp-border-width) solid var(--jp-border-color2);
text-align: right;
color: var(--jp-border-color2);
@@ -206,7 +200,7 @@
/* Style the directory listing content when a user drops a file to upload */
.jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
- outline: 5px dashed rgba(128, 128, 128, 0.5);
+ outline: 5px dashed rgb(128 128 128 / 50%);
outline-offset: -10px;
cursor: copy;
}
@@ -215,14 +209,14 @@
display: flex;
flex-direction: row;
padding: 4px 12px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
}
.jp-DirListing-item[data-is-dot] {
- opacity: 75%;
+ opacity: 0.75;
}
.jp-DirListing-item.jp-mod-selected {
@@ -262,16 +256,15 @@
border: none;
}
-.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon:before {
+.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon::before {
color: var(--jp-success-color1);
- content: '\25CF';
+ content: "\25CF";
font-size: 8px;
position: absolute;
left: -8px;
}
-.jp-DirListing-item.jp-mod-running.jp-mod-selected
- .jp-DirListing-itemIcon:before {
+.jp-DirListing-item.jp-mod-running.jp-mod-selected .jp-DirListing-itemIcon::before {
color: var(--jp-ui-inverse-font-color1);
}
@@ -283,7 +276,7 @@
width: 160px;
background-color: var(--jp-ui-inverse-font-color2);
box-shadow: var(--jp-elevation-z2);
- border-radius: 0px;
+ border-radius: 0;
color: var(--jp-ui-font-color1);
transform: translateX(-40%) translateY(-58%);
}
diff --git a/packages/filebrowser/style/index.css b/packages/filebrowser/style/index.css
index e392964671..ec7f237b25 100644
--- a/packages/filebrowser/style/index.css
+++ b/packages/filebrowser/style/index.css
@@ -1,14 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@lumino/dragdrop/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@lumino/dragdrop/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("./base.css");
diff --git a/packages/fileeditor-extension/style/index.css b/packages/fileeditor-extension/style/index.css
index 4855165558..694cc690d9 100644
--- a/packages/fileeditor-extension/style/index.css
+++ b/packages/fileeditor-extension/style/index.css
@@ -1,19 +1,19 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/fileeditor/style/base.css b/packages/fileeditor/style/base.css
index 76f2c9be34..503a42de4f 100644
--- a/packages/fileeditor/style/base.css
+++ b/packages/fileeditor/style/base.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-mod-presentationMode .jp-FileEditor {
--jp-code-font-size: var(--jp-code-presentation-font-size);
diff --git a/packages/fileeditor/style/index.css b/packages/fileeditor/style/index.css
index 478404ac11..a05425e5f8 100644
--- a/packages/fileeditor/style/index.css
+++ b/packages/fileeditor/style/index.css
@@ -1,13 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/help-extension/style/base.css b/packages/help-extension/style/base.css
index b45b7866cc..559048a864 100644
--- a/packages/help-extension/style/base.css
+++ b/packages/help-extension/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Help {
min-width: 240px;
@@ -12,6 +12,7 @@
.jp-Help > iframe {
border: none;
+
/* Forcing white color to avoid contrast issues see issue #11320 */
background: white;
}
@@ -29,6 +30,7 @@
.jp-About-version-info {
color: var(--jp-ui-font-color1);
+
/* Dialog-header sets the font size to 3, we reset to 1 */
font-size: var(--jp-ui-font-size1);
width: 200px;
@@ -38,11 +40,8 @@
line-height: 1.12;
}
-.jp-Dialog
- .jp-Dialog-content
- .jp-Dialog-footer
- .jp-Dialog-button.jp-About-button {
- margin-right: 0px;
+.jp-Dialog .jp-Dialog-content .jp-Dialog-footer .jp-Dialog-button.jp-About-button {
+ margin-right: 0;
}
.jp-About-version {
@@ -103,7 +102,8 @@
/* filters */
.jp-Licenses-Filters {
- padding: var(--jp-ui-font-size1) calc(var(--jp-ui-font-size1) / 2) 0
+ padding:
+ var(--jp-ui-font-size1) calc(var(--jp-ui-font-size1) / 2) 0
var(--jp-ui-font-size1);
}
diff --git a/packages/help-extension/style/index.css b/packages/help-extension/style/index.css
index 5a04315468..e0e504f462 100644
--- a/packages/help-extension/style/index.css
+++ b/packages/help-extension/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
+@import url("./base.css");
diff --git a/packages/htmlviewer-extension/style/index.css b/packages/htmlviewer-extension/style/index.css
index b96329210b..c866da2ebf 100644
--- a/packages/htmlviewer-extension/style/index.css
+++ b/packages/htmlviewer-extension/style/index.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/htmlviewer/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/htmlviewer/style/index.css");
diff --git a/packages/htmlviewer/style/base.css b/packages/htmlviewer/style/base.css
index 0a33e0b08e..3bcfc069a0 100644
--- a/packages/htmlviewer/style/base.css
+++ b/packages/htmlviewer/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Document styles */
.jp-HTMLViewer {
@@ -26,8 +26,8 @@ body.lm-mod-override-cursor .jp-HTMLViewer {
position: relative;
}
-body.lm-mod-override-cursor .jp-HTMLViewer:before {
- content: '';
+body.lm-mod-override-cursor .jp-HTMLViewer::before {
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/htmlviewer/style/index.css b/packages/htmlviewer/style/index.css
index 98d5e9c912..856ab07fda 100644
--- a/packages/htmlviewer/style/index.css
+++ b/packages/htmlviewer/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/hub-extension/style/index.css b/packages/hub-extension/style/index.css
index e95e0399ef..12ddc87af0 100644
--- a/packages/hub-extension/style/index.css
+++ b/packages/hub-extension/style/index.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
diff --git a/packages/imageviewer-extension/style/index.css b/packages/imageviewer-extension/style/index.css
index 7f40d9606c..30b0a7b628 100644
--- a/packages/imageviewer-extension/style/index.css
+++ b/packages/imageviewer-extension/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/imageviewer/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/imageviewer/style/index.css");
diff --git a/packages/imageviewer/style/base.css b/packages/imageviewer/style/base.css
index 44e78c5a10..8774b910e8 100644
--- a/packages/imageviewer/style/base.css
+++ b/packages/imageviewer/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-ImageViewer {
overflow: auto;
diff --git a/packages/imageviewer/style/index.css b/packages/imageviewer/style/index.css
index a634b5e555..dfa312c64f 100644
--- a/packages/imageviewer/style/index.css
+++ b/packages/imageviewer/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/inspector-extension/style/index.css b/packages/inspector-extension/style/index.css
index ca716b8b13..dcf325348f 100644
--- a/packages/inspector-extension/style/index.css
+++ b/packages/inspector-extension/style/index.css
@@ -1,13 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/inspector/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/inspector/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
diff --git a/packages/inspector/style/base.css b/packages/inspector/style/base.css
index 9fd9b3eba6..7fef5ab377 100644
--- a/packages/inspector/style/base.css
+++ b/packages/inspector/style/base.css
@@ -1,20 +1,20 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-inspector-tab-height: 24px;
--jp-private-inspector-tab-width: 60px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Inspector
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Inspector {
outline: none;
diff --git a/packages/inspector/style/index.css b/packages/inspector/style/index.css
index eb7f17bbda..462d377aa8 100644
--- a/packages/inspector/style/index.css
+++ b/packages/inspector/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("./base.css");
diff --git a/packages/javascript-extension/style/index.css b/packages/javascript-extension/style/index.css
index 610d16e0dc..4c45c79d9e 100644
--- a/packages/javascript-extension/style/index.css
+++ b/packages/javascript-extension/style/index.css
@@ -1,9 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/rendermime/style/index.css');
-
-@import url('./base.css');
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("./base.css");
diff --git a/packages/json-extension/style/base.css b/packages/json-extension/style/base.css
index 39f99c1395..c81b0f40df 100644
--- a/packages/json-extension/style/base.css
+++ b/packages/json-extension/style/base.css
@@ -42,6 +42,7 @@
}
/* Output styles */
+
/* .jp-OutputArea .jp-RenderedJSON {
} */
diff --git a/packages/json-extension/style/index.css b/packages/json-extension/style/index.css
index 4f80f4f9b8..546a3a5b18 100644
--- a/packages/json-extension/style/index.css
+++ b/packages/json-extension/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("./base.css");
diff --git a/packages/launcher-extension/style/index.css b/packages/launcher-extension/style/index.css
index 60324a05f7..1197b6eec1 100644
--- a/packages/launcher-extension/style/index.css
+++ b/packages/launcher-extension/style/index.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
diff --git a/packages/launcher/style/base.css b/packages/launcher/style/base.css
index f3965e778b..a539f22659 100644
--- a/packages/launcher/style/base.css
+++ b/packages/launcher/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Private CSS variables */
@@ -25,6 +25,7 @@
box-sizing: border-box;
min-width: 120px;
min-height: 120px;
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -43,7 +44,7 @@
font-size: var(--jp-ui-font-size2);
font-weight: normal;
color: var(--jp-ui-font-color1);
- margin: 1em 0px;
+ margin: 1em 0;
}
.jp-Launcher-content {
@@ -68,10 +69,11 @@
flex-direction: row;
align-items: center;
box-sizing: border-box;
+
/* This is custom tuned to get the section header to align with the cards */
margin-left: 5px;
border-bottom: 1px solid var(--jp-border-color2);
- padding-bottom: 0px;
+ padding-bottom: 0;
margin-bottom: 8px;
}
@@ -100,7 +102,7 @@
width: var(--jp-private-launcher-card-size);
height: var(--jp-private-launcher-card-size);
margin: 8px;
- padding: 0px;
+ padding: 0;
border: 1px solid var(--jp-border-color2);
background: var(--jp-layout-color0);
box-shadow: var(--jp-elevation-z2);
@@ -126,8 +128,8 @@
width: 100%;
height: var(--jp-private-launcher-card-icon-height);
box-sizing: border-box;
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
display: flex;
justify-content: center;
align-items: center;
@@ -138,12 +140,12 @@
font-size: var(--jp-private-launcher-large-icon-size);
}
-.jp-LauncherCard[data-category='Notebook'] .jp-LauncherCard-noKernelIcon {
+.jp-LauncherCard[data-category="Notebook"] .jp-LauncherCard-noKernelIcon {
/* This color is copied from the notebook icon. */
color: #ef6c00;
}
-.jp-LauncherCard[data-category='Console'] .jp-LauncherCard-noKernelIcon {
+.jp-LauncherCard[data-category="Console"] .jp-LauncherCard-noKernelIcon {
/* This color is copied from the console icon. */
color: #0288d1;
}
@@ -151,7 +153,7 @@
.jp-LauncherCard-label {
width: 100%;
height: var(--jp-private-launcher-card-label-height);
- padding: 0 4px 4px 4px;
+ padding: 0 4px 4px;
box-sizing: border-box;
overflow: hidden;
}
@@ -171,6 +173,6 @@
.jp-Launcher-kernelIcon {
width: var(--jp-private-launcher-large-icon-size);
height: var(--jp-private-launcher-large-icon-size);
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
}
diff --git a/packages/launcher/style/index.css b/packages/launcher/style/index.css
index 4f80f4f9b8..546a3a5b18 100644
--- a/packages/launcher/style/index.css
+++ b/packages/launcher/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("./base.css");
diff --git a/packages/logconsole-extension/style/base.css b/packages/logconsole-extension/style/base.css
index f72e4945e2..e2d021e550 100644
--- a/packages/logconsole-extension/style/base.css
+++ b/packages/logconsole-extension/style/base.css
@@ -1,16 +1,18 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
@keyframes flash {
0% {
background-color: var(--jp-brand-color1);
}
+
50% {
color: unset;
background-color: unset;
}
+
100% {
background-color: var(--jp-brand-color1);
}
@@ -34,12 +36,12 @@
.jp-LogConsole .jp-ClearIcon {
transform: rotate(90deg);
margin-top: -1px;
- padding: 0px 8px;
+ padding: 0 8px;
}
.jp-Toolbar-item.jp-LogConsole-toolbarLogLevel {
align-items: center;
- padding: 0px 6px;
+ padding: 0 6px;
}
/* Matches the disabled style elsewhere in JupyterLab */
diff --git a/packages/logconsole-extension/style/index.css b/packages/logconsole-extension/style/index.css
index eedc8d0b0d..3e12068bc8 100644
--- a/packages/logconsole-extension/style/index.css
+++ b/packages/logconsole-extension/style/index.css
@@ -1,16 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/logconsole/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/logconsole/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("./base.css");
diff --git a/packages/logconsole/style/base.css b/packages/logconsole/style/base.css
index 2c72f95380..88a18dc52f 100644
--- a/packages/logconsole/style/base.css
+++ b/packages/logconsole/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-LogConsolePanel {
overflow-y: auto;
@@ -18,22 +18,22 @@
padding: 2px;
}
-.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level='info'] {
+.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level="info"] {
background-color: var(--jp-info-color1);
color: var(--jp-ui-inverse-font-color1);
}
-.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level='warning'] {
+.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level="warning"] {
background-color: var(--jp-warn-color1);
color: var(--jp-ui-inverse-font-color1);
}
-.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level='error'] {
+.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level="error"] {
background-color: var(--jp-error-color1);
color: var(--jp-ui-inverse-font-color1);
}
-.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level='critical'] {
+.jp-LogConsolePanel .jp-OutputArea-prompt[data-log-level="critical"] {
background-color: var(--jp-error-color0);
color: var(--jp-ui-inverse-font-color0);
}
diff --git a/packages/logconsole/style/index.css b/packages/logconsole/style/index.css
index ee78600639..f42a1b8336 100644
--- a/packages/logconsole/style/index.css
+++ b/packages/logconsole/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/outputarea/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/outputarea/style/index.css");
+@import url("./base.css");
diff --git a/packages/mainmenu-extension/style/index.css b/packages/mainmenu-extension/style/index.css
index b7a4e62ec7..9489223c0b 100644
--- a/packages/mainmenu-extension/style/index.css
+++ b/packages/mainmenu-extension/style/index.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/mainmenu/style/index.css b/packages/mainmenu/style/index.css
index f54d40dd8e..ac3386226b 100644
--- a/packages/mainmenu/style/index.css
+++ b/packages/mainmenu/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
diff --git a/packages/markdownviewer-extension/style/index.css b/packages/markdownviewer-extension/style/index.css
index c6309f2b3f..86ad2ba7f2 100644
--- a/packages/markdownviewer-extension/style/index.css
+++ b/packages/markdownviewer-extension/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/markdownviewer/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/markdownviewer/style/index.css");
diff --git a/packages/markdownviewer/style/base.css b/packages/markdownviewer/style/base.css
index 8e72872f56..55b4af599b 100644
--- a/packages/markdownviewer/style/base.css
+++ b/packages/markdownviewer/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-markdownviewer-padding: 32px;
@@ -15,9 +15,9 @@
overflow: auto;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-mod-presentationMode .jp-MarkdownViewer .jp-RenderedHTMLCommon {
--jp-content-font-size1: var(--jp-content-presentation-font-size1);
diff --git a/packages/markdownviewer/style/index.css b/packages/markdownviewer/style/index.css
index ccaf12b59f..27aaf65198 100644
--- a/packages/markdownviewer/style/index.css
+++ b/packages/markdownviewer/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/mathjax2-extension/style/index.css b/packages/mathjax2-extension/style/index.css
index 8c6cac35f0..53b1e10489 100644
--- a/packages/mathjax2-extension/style/index.css
+++ b/packages/mathjax2-extension/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/mathjax2/style/index.css');
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/mathjax2/style/index.css");
diff --git a/packages/mathjax2/style/base.css b/packages/mathjax2/style/base.css
index 8154200d36..32ef346273 100644
--- a/packages/mathjax2/style/base.css
+++ b/packages/mathjax2/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Left-justify the MathJax preview in cell outputs. */
.jp-OutputArea-output.jp-RenderedLatex .MathJax_Preview .MJXp-display {
diff --git a/packages/mathjax2/style/index.css b/packages/mathjax2/style/index.css
index e9cae08983..17ee5f3123 100644
--- a/packages/mathjax2/style/index.css
+++ b/packages/mathjax2/style/index.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('./base.css');
+@import url("./base.css");
diff --git a/packages/notebook-extension/style/index.css b/packages/notebook-extension/style/index.css
index 359d87b752..7c8d40b2c5 100644
--- a/packages/notebook-extension/style/index.css
+++ b/packages/notebook-extension/style/index.css
@@ -1,23 +1,23 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-@import url('~@jupyterlab/filebrowser/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/docmanager-extension/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-@import url('~@jupyterlab/logconsole/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/property-inspector/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("~@jupyterlab/filebrowser/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/docmanager-extension/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("~@jupyterlab/logconsole/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/property-inspector/style/index.css");
diff --git a/packages/notebook/style/base.css b/packages/notebook/style/base.css
index ca6414bb8e..08f9730032 100644
--- a/packages/notebook/style/base.css
+++ b/packages/notebook/style/base.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| CSS variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-side-by-side-output-size: 1fr;
@@ -16,16 +16,16 @@
--jp-private-notebook-active-color: var(--md-green-400);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Imports
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './toolbar.css';
-@import './executionindicator.css';
+@import "./toolbar.css";
+@import "./executionindicator.css";
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Notebook
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-NotebookPanel {
display: block;
@@ -46,7 +46,7 @@
.jp-Notebook.jp-mod-scrollPastEnd::after {
display: block;
- content: '';
+ content: "";
min-height: var(--jp-notebook-scroll-padding);
}
@@ -66,7 +66,7 @@
cursor: move;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Notebook state related styling
|
| The notebook and cells each have states, here are the possibilities:
@@ -80,7 +80,7 @@
| - Selected (the cells actions are applied to)
| - Multiselected (when multiple selected, the cursor)
| - No outputs
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Command or edit modes */
@@ -103,9 +103,10 @@
.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt {
color: var(--jp-warn-color1);
}
-.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt:before {
+
+.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt::before {
color: var(--jp-warn-color1);
- content: '•';
+ content: "•";
}
.jp-Notebook .jp-Cell.jp-mod-active.jp-mod-dirty .jp-Collapser {
@@ -131,8 +132,7 @@
background: var(--jp-notebook-multiselected-color);
}
-.jp-Notebook.jp-mod-commandMode
- .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
+.jp-Notebook.jp-mod-commandMode .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
background: transparent;
}
@@ -144,17 +144,16 @@
background-color: var(--jp-cell-editor-active-background);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Notebook drag and drop
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Notebook-cell.jp-mod-dropSource {
opacity: 0.5;
}
.jp-Notebook-cell.jp-mod-dropTarget,
-.jp-Notebook.jp-mod-commandMode
- .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
+.jp-Notebook.jp-mod-commandMode .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
border-top-color: var(--jp-private-notebook-selected-color);
border-top-style: solid;
border-top-width: 2px;
@@ -171,7 +170,7 @@
}
.jp-dragImage-singlePrompt {
- box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
+ box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 12%);
}
.jp-dragImage .jp-dragImage-content {
@@ -185,7 +184,7 @@
background: var(--jp-cell-editor-background-color);
color: var(--jp-content-font-color3);
text-align: left;
- margin: 4px 4px 4px 0px;
+ margin: 4px 4px 4px 0;
}
.jp-dragImage .jp-dragImage-prompt {
@@ -210,18 +209,19 @@
left: 8px;
background: var(--jp-layout-color2);
border: var(--jp-border-width) solid var(--jp-input-border-color);
- box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
+ box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 12%);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Cell toolbar
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-NotebookTools {
display: block;
min-width: var(--jp-sidebar-min-width);
color: var(--jp-ui-font-color1);
background: var(--jp-layout-color1);
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -229,7 +229,7 @@
}
.jp-NotebookTools-tool {
- padding: 0px 12px 0 12px;
+ padding: 0 12px;
}
.jp-ActiveCellTool {
@@ -240,7 +240,7 @@
.jp-ActiveCellTool .jp-InputArea-prompt {
flex: 0 0 auto;
- padding-left: 0px;
+ padding-left: 0;
}
.jp-ActiveCellTool .jp-InputArea-editor {
@@ -255,7 +255,7 @@
.jp-MetadataEditorTool {
flex-direction: column;
- padding: 12px 0px 12px 0px;
+ padding: 12px 0;
}
.jp-RankedPanel > :not(:first-child) {
@@ -275,16 +275,16 @@
.jp-NotebookTools .jp-select-wrapper {
margin-top: 4px;
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.jp-NotebookTools .jp-Collapse {
margin-top: 16px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-mod-presentationMode .jp-Notebook {
--jp-content-font-size1: var(--jp-content-presentation-font-size1);
@@ -296,9 +296,9 @@
flex: 0 0 110px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Side-by-side Mode (.jp-mod-sideBySide)
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-mod-sideBySide.jp-Notebook .jp-Notebook-cell {
margin-top: 3em;
margin-bottom: 3em;
@@ -308,19 +308,21 @@
.jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
display: grid;
- grid-template-columns: minmax(0, 1fr) min-content minmax(
+ grid-template-columns:
+ minmax(0, 1fr) min-content minmax(
0,
var(--jp-side-by-side-output-size)
);
grid-template-rows: auto minmax(0, 1fr) auto;
grid-template-areas:
- 'header header header'
- 'input handle output'
- 'footer footer footer';
+ "header header header"
+ "input handle output"
+ "footer footer footer";
}
.jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
- grid-template-columns: minmax(0, 1fr) min-content minmax(
+ grid-template-columns:
+ minmax(0, 1fr) min-content minmax(
0,
var(--jp-side-by-side-resized-cell)
);
@@ -354,16 +356,14 @@
}
.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle::after {
- content: '';
+ content: "";
display: block;
background: var(--jp-border-color2);
height: 100%;
width: 5px;
}
-.jp-mod-sideBySide.jp-Notebook
- .jp-CodeCell.jp-mod-resizedCell
- .jp-CellResizeHandle::after {
+.jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell .jp-CellResizeHandle::after {
background: var(--jp-border-color0);
}
@@ -371,9 +371,9 @@
display: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Placeholder
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Cell-Placeholder {
padding-left: 55px;
@@ -384,7 +384,7 @@
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 4px;
- -webkit-border-radius: 4px;
+ border-radius: 4px;
margin: 10px 15px;
}
@@ -400,13 +400,14 @@
.jp-Cell-Placeholder-wrapper-body div {
background: #f6f7f8;
- background-image: -webkit-linear-gradient(
- left,
- #f6f7f8 0%,
- #edeef1 20%,
- #f6f7f8 40%,
- #f6f7f8 100%
- );
+ background-image:
+ linear-gradient(
+ left,
+ #f6f7f8 0%,
+ #edeef1 20%,
+ #f6f7f8 40%,
+ #f6f7f8 100%
+ );
background-repeat: no-repeat;
background-size: 800px 104px;
height: 104px;
diff --git a/packages/notebook/style/executionindicator.css b/packages/notebook/style/executionindicator.css
index 888a5e8675..40f10c4be7 100644
--- a/packages/notebook/style/executionindicator.css
+++ b/packages/notebook/style/executionindicator.css
@@ -1,17 +1,17 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
/*-----------------------------------------------------------------------------
| Styles
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Notebook-ExecutionIndicator {
position: relative;
@@ -24,7 +24,7 @@
visibility: hidden;
height: auto;
width: fit-content;
- width: -moz-fit-content;
+ width: fit-content;
background-color: var(--jp-layout-color2);
color: var(--jp-ui-font-color1);
text-align: justify;
diff --git a/packages/notebook/style/index.css b/packages/notebook/style/index.css
index 8ac90bcde4..8e07bc46ef 100644
--- a/packages/notebook/style/index.css
+++ b/packages/notebook/style/index.css
@@ -1,17 +1,16 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@lumino/dragdrop/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@lumino/dragdrop/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("./base.css");
diff --git a/packages/notebook/style/toolbar.css b/packages/notebook/style/toolbar.css
index c1a3259af0..7db8ddb21e 100644
--- a/packages/notebook/style/toolbar.css
+++ b/packages/notebook/style/toolbar.css
@@ -1,21 +1,21 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-notebook-toolbar-padding: 2px 5px 2px 2px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
/*-----------------------------------------------------------------------------
| Styles
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-NotebookPanel-toolbar {
padding: var(--jp-notebook-toolbar-padding);
@@ -51,8 +51,8 @@
min-height: var(--jp-toolbar-micro-height);
padding: var(--jp-notebook-toolbar-padding);
z-index: 1;
- right: 0px;
- top: 0px;
+ right: 0;
+ top: 0;
}
.jp-Toolbar > .jp-Toolbar-responsive-opener {
diff --git a/packages/outputarea/style/base.css b/packages/outputarea/style/base.css
index dd24d2553e..46d70cf994 100644
--- a/packages/outputarea/style/base.css
+++ b/packages/outputarea/style/base.css
@@ -1,12 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Main OutputArea
| OutputArea has a list of Outputs
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-OutputArea {
overflow-y: auto;
@@ -31,15 +31,17 @@
font-size: var(--jp-code-font-size);
border: var(--jp-border-width) solid transparent;
opacity: var(--jp-cell-prompt-opacity);
+
/* Right align prompt text, don't wrap to handle large prompt numbers */
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+
/* Disable text selection */
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
}
@@ -49,9 +51,9 @@
height: auto;
overflow: auto;
user-select: text;
- -moz-user-select: text;
- -webkit-user-select: text;
- -ms-user-select: text;
+ user-select: text;
+ user-select: text;
+ user-select: text;
}
/**
@@ -72,8 +74,8 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
position: relative;
}
-body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
- content: '';
+body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
+ content: "";
position: absolute;
top: 0;
left: 0;
@@ -86,8 +88,8 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
.jp-OutputArea-output pre {
border: none;
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
overflow-x: auto;
overflow-y: auto;
word-break: break-all;
@@ -140,13 +142,13 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
display: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| executeResult is added to any Output-result for the display of the object
| returned by a cell
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-OutputArea-output.jp-OutputArea-executeResult {
- margin-left: 0px;
+ margin-left: 0;
width: 100%;
}
@@ -158,9 +160,9 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
border-top: var(--jp-border-width) solid transparent;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| The Stdin output
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-OutputArea-stdin {
line-height: var(--jp-code-line-height);
@@ -182,11 +184,13 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
background-color: inherit;
width: 42%;
min-width: 200px;
+
/* make sure input baseline aligns with prompt */
vertical-align: baseline;
+
/* padding + margin = 0.5em between prompt and cursor */
- padding: 0em 0.25em;
- margin: 0em 0.25em;
+ padding: 0 0.25em;
+ margin: 0 0.25em;
flex: 0 0 70%;
}
@@ -194,9 +198,9 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
box-shadow: none;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Output Area View
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-LinkedOutputView .jp-OutputArea {
height: 100%;
@@ -207,9 +211,9 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
height: 100%;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Printing
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
@media print {
.jp-OutputArea-child {
@@ -217,14 +221,15 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
}
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Mobile
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
@media only screen and (max-width: 760px) {
.jp-OutputPrompt {
display: table-row;
text-align: left;
}
+
.jp-OutputArea-child .jp-OutputArea-output {
display: table-row;
margin-left: var(--jp-notebook-padding);
diff --git a/packages/outputarea/style/index.css b/packages/outputarea/style/index.css
index 6b77e5b763..56e55fe362 100644
--- a/packages/outputarea/style/index.css
+++ b/packages/outputarea/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("./base.css");
diff --git a/packages/pdf-extension/style/base.css b/packages/pdf-extension/style/base.css
index cc97b55ec7..8e5174fdab 100644
--- a/packages/pdf-extension/style/base.css
+++ b/packages/pdf-extension/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-PDFContainer iframe {
position: absolute;
@@ -25,8 +25,8 @@ body.lm-mod-override-cursor .jp-PDFContainer {
position: relative;
}
-body.lm-mod-override-cursor .jp-PDFContainer:before {
- content: '';
+body.lm-mod-override-cursor .jp-PDFContainer::before {
+ content: "";
position: absolute;
z-index: 10;
top: 0;
diff --git a/packages/pdf-extension/style/index.css b/packages/pdf-extension/style/index.css
index 8fe68ab59e..82cac026dd 100644
--- a/packages/pdf-extension/style/index.css
+++ b/packages/pdf-extension/style/index.css
@@ -1,9 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("./base.css");
diff --git a/packages/property-inspector/style/base.css b/packages/property-inspector/style/base.css
index 9e380f9c48..14f0f684e1 100644
--- a/packages/property-inspector/style/base.css
+++ b/packages/property-inspector/style/base.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2019, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-PropertyInspector {
display: flex;
diff --git a/packages/property-inspector/style/index.css b/packages/property-inspector/style/index.css
index 174ef2bdb1..50a88966df 100644
--- a/packages/property-inspector/style/index.css
+++ b/packages/property-inspector/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("./base.css");
diff --git a/packages/rendermime-extension/style/index.css b/packages/rendermime-extension/style/index.css
index a2ad17126b..78ee4ac983 100644
--- a/packages/rendermime-extension/style/index.css
+++ b/packages/rendermime-extension/style/index.css
@@ -1,10 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
diff --git a/packages/rendermime/style/base.css b/packages/rendermime/style/base.css
index 6b9952062e..169d98ddf4 100644
--- a/packages/rendermime/style/base.css
+++ b/packages/rendermime/style/base.css
@@ -1,17 +1,18 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| RenderedText
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
/* This is the padding value to fill the gaps between lines containing spans with background color. */
- --jp-private-code-span-padding: calc(
- (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
- );
+ --jp-private-code-span-padding:
+ calc(
+ (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
+ );
}
.jp-RenderedText {
@@ -27,18 +28,20 @@
color: var(--jp-content-font-color1);
font-size: var(--jp-code-font-size);
border: none;
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
}
.jp-RenderedText pre a:link {
text-decoration: none;
color: var(--jp-content-link-color);
}
+
.jp-RenderedText pre a:hover {
text-decoration: underline;
color: var(--jp-content-link-color);
}
+
.jp-RenderedText pre a:visited {
text-decoration: none;
color: var(--jp-content-link-color);
@@ -48,24 +51,31 @@
.jp-RenderedText pre .ansi-black-fg {
color: #3e424d;
}
+
.jp-RenderedText pre .ansi-red-fg {
color: #e75c58;
}
+
.jp-RenderedText pre .ansi-green-fg {
color: #00a250;
}
+
.jp-RenderedText pre .ansi-yellow-fg {
color: #ddb62b;
}
+
.jp-RenderedText pre .ansi-blue-fg {
color: #208ffb;
}
+
.jp-RenderedText pre .ansi-magenta-fg {
color: #d160c4;
}
+
.jp-RenderedText pre .ansi-cyan-fg {
color: #60c6c8;
}
+
.jp-RenderedText pre .ansi-white-fg {
color: #c5c1b4;
}
@@ -74,30 +84,37 @@
background-color: #3e424d;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-red-bg {
background-color: #e75c58;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-green-bg {
background-color: #00a250;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-yellow-bg {
background-color: #ddb62b;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-blue-bg {
background-color: #208ffb;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-magenta-bg {
background-color: #d160c4;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-cyan-bg {
background-color: #60c6c8;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-white-bg {
background-color: #c5c1b4;
padding: var(--jp-private-code-span-padding) 0;
@@ -106,24 +123,31 @@
.jp-RenderedText pre .ansi-black-intense-fg {
color: #282c36;
}
+
.jp-RenderedText pre .ansi-red-intense-fg {
color: #b22b31;
}
+
.jp-RenderedText pre .ansi-green-intense-fg {
color: #007427;
}
+
.jp-RenderedText pre .ansi-yellow-intense-fg {
color: #b27d12;
}
+
.jp-RenderedText pre .ansi-blue-intense-fg {
color: #0065ca;
}
+
.jp-RenderedText pre .ansi-magenta-intense-fg {
color: #a03196;
}
+
.jp-RenderedText pre .ansi-cyan-intense-fg {
color: #258f8f;
}
+
.jp-RenderedText pre .ansi-white-intense-fg {
color: #a1a6b2;
}
@@ -132,30 +156,37 @@
background-color: #282c36;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-red-intense-bg {
background-color: #b22b31;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-green-intense-bg {
background-color: #007427;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-yellow-intense-bg {
background-color: #b27d12;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-blue-intense-bg {
background-color: #0065ca;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-magenta-intense-bg {
background-color: #a03196;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-cyan-intense-bg {
background-color: #258f8f;
padding: var(--jp-private-code-span-padding) 0;
}
+
.jp-RenderedText pre .ansi-white-intense-bg {
background-color: #a1a6b2;
padding: var(--jp-private-code-span-padding) 0;
@@ -164,6 +195,7 @@
.jp-RenderedText pre .ansi-default-inverse-fg {
color: var(--jp-ui-inverse-font-color0);
}
+
.jp-RenderedText pre .ansi-default-inverse-bg {
background-color: var(--jp-inverse-layout-color0);
padding: var(--jp-private-code-span-padding) 0;
@@ -172,18 +204,19 @@
.jp-RenderedText pre .ansi-bold {
font-weight: bold;
}
+
.jp-RenderedText pre .ansi-underline {
text-decoration: underline;
}
-.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
+.jp-RenderedText[data-mime-type="application/vnd.jupyter.stderr"] {
background: var(--jp-rendermime-error-background);
padding-top: var(--jp-code-padding);
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| RenderedLatex
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-RenderedLatex {
color: var(--jp-content-font-color1);
@@ -191,21 +224,22 @@
line-height: var(--jp-content-line-height);
}
-/* Left-justify outputs.*/
+/* Left-justify outputs. */
.jp-OutputArea-output.jp-RenderedLatex {
padding: var(--jp-code-padding);
text-align: left;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| RenderedHTML
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-RenderedHTMLCommon {
color: var(--jp-content-font-color1);
font-family: var(--jp-content-font-family);
font-size: var(--jp-content-font-size1);
line-height: var(--jp-content-line-height);
+
/* Give a bit more R padding on Markdown text to keep line lengths reasonable */
padding-right: 20px;
}
@@ -248,7 +282,8 @@
line-height: var(--jp-content-heading-line-height);
font-weight: var(--jp-content-heading-font-weight);
font-style: normal;
- margin: var(--jp-content-heading-margin-top) 0
+ margin:
+ var(--jp-content-heading-margin-top) 0
var(--jp-content-heading-margin-bottom) 0;
}
@@ -342,7 +377,7 @@
.jp-RenderedHTMLCommon ul ol,
.jp-RenderedHTMLCommon ol ul,
.jp-RenderedHTMLCommon ol ol {
- margin-bottom: 0em;
+ margin-bottom: 0;
}
.jp-RenderedHTMLCommon hr {
@@ -396,7 +431,7 @@
.jp-RenderedHTMLCommon th,
.jp-RenderedHTMLCommon tr {
vertical-align: middle;
- padding: 0.5em 0.5em;
+ padding: 0.5em;
line-height: normal;
white-space: normal;
max-width: none;
@@ -432,7 +467,7 @@
.jp-RenderedHTMLCommon p {
text-align: left;
- margin: 0px;
+ margin: 0;
margin-bottom: 1em;
}
@@ -449,10 +484,11 @@
}
/* Change color behind transparent images if they need it... */
-[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-light-background {
+[data-jp-theme-light="false"] .jp-RenderedImage img.jp-needs-light-background {
background-color: var(--jp-inverse-layout-color1);
}
-[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-dark-background {
+
+[data-jp-theme-light="true"] .jp-RenderedImage img.jp-needs-dark-background {
background-color: var(--jp-inverse-layout-color1);
}
@@ -483,9 +519,11 @@
background-color: var(--jp-info-color3);
border-color: var(--jp-info-color2);
}
+
.jp-RenderedHTMLCommon .alert-info hr {
border-color: var(--jp-info-color3);
}
+
.jp-RenderedHTMLCommon .alert-info > p:last-child,
.jp-RenderedHTMLCommon .alert-info > ul:last-child {
margin-bottom: 0;
@@ -496,9 +534,11 @@
background-color: var(--jp-warn-color3);
border-color: var(--jp-warn-color2);
}
+
.jp-RenderedHTMLCommon .alert-warning hr {
border-color: var(--jp-warn-color3);
}
+
.jp-RenderedHTMLCommon .alert-warning > p:last-child,
.jp-RenderedHTMLCommon .alert-warning > ul:last-child {
margin-bottom: 0;
@@ -509,9 +549,11 @@
background-color: var(--jp-success-color3);
border-color: var(--jp-success-color2);
}
+
.jp-RenderedHTMLCommon .alert-success hr {
border-color: var(--jp-success-color3);
}
+
.jp-RenderedHTMLCommon .alert-success > p:last-child,
.jp-RenderedHTMLCommon .alert-success > ul:last-child {
margin-bottom: 0;
@@ -522,9 +564,11 @@
background-color: var(--jp-error-color3);
border-color: var(--jp-error-color2);
}
+
.jp-RenderedHTMLCommon .alert-danger hr {
border-color: var(--jp-error-color3);
}
+
.jp-RenderedHTMLCommon .alert-danger > p:last-child,
.jp-RenderedHTMLCommon .alert-danger > ul:last-child {
margin-bottom: 0;
@@ -556,7 +600,7 @@ h6:hover .jp-InternalAnchorLink {
border: 1px solid var(--jp-border-color0);
border-bottom-color: var(--jp-border-color2);
border-radius: 3px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0 -1px 0 rgb(0 0 0 / 25%);
display: inline-block;
font-size: 0.8em;
line-height: 1em;
diff --git a/packages/rendermime/style/index.css b/packages/rendermime/style/index.css
index c74afd1d66..829e0c3e15 100644
--- a/packages/rendermime/style/index.css
+++ b/packages/rendermime/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codemirror/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codemirror/style/index.css");
+@import url("./base.css");
diff --git a/packages/running-extension/style/index.css b/packages/running-extension/style/index.css
index bd80d5e149..726edd460d 100644
--- a/packages/running-extension/style/index.css
+++ b/packages/running-extension/style/index.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/running/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/running/style/index.css");
diff --git a/packages/running/style/base.css b/packages/running/style/base.css
index f2c855a0f1..c71b338827 100644
--- a/packages/running/style/base.css
+++ b/packages/running/style/base.css
@@ -1,6 +1,6 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-running-button-height: 28px;
@@ -9,10 +9,10 @@
--jp-private-running-shutdown-button-height: 24px;
}
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-RunningSessions {
display: flex;
@@ -20,6 +20,7 @@
min-width: var(--jp-sidebar-min-width);
color: var(--jp-ui-font-color1);
background: var(--jp-layout-color1);
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -56,7 +57,7 @@
letter-spacing: 1px;
font-size: var(--jp-ui-font-size0);
padding: 8px 8px 8px 12px;
- margin: 0px;
+ margin: 0;
}
.jp-RunningSessions-sectionHeader .jp-ToolbarButtonComponent {
@@ -82,7 +83,7 @@
color: var(--jp-ui-font-color1);
height: var(--jp-private-running-item-height);
line-height: var(--jp-private-running-item-height);
- padding: 0 8px 0 8px;
+ padding: 0 8px;
}
.jp-RunningSessions-item:hover {
@@ -92,7 +93,7 @@
.jp-RunningSessions-itemLabel {
font-size: var(--jp-ui-font-size1);
flex: 1 1 55%;
- padding: 0 4px 0 4px;
+ padding: 0 4px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -105,29 +106,28 @@
.jp-RunningSessions-itemDetail {
font-size: var(--jp-ui-font-size1);
flex: 1 1 45%;
- padding: 0 4px 0 4px;
+ padding: 0 4px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.jp-RunningSessions-item .jp-RunningSessions-itemShutdown {
- border-radius: 0px;
+ border-radius: 0;
}
.jp-RunningSessions-item:not(:hover) .jp-RunningSessions-itemShutdown {
visibility: hidden;
+
/* display: none; */
}
-.jp-RunningSessions-sectionList
- .jp-RunningSessions-item
- .jp-Button.jp-RunningSessions-itemShutdown:hover {
+.jp-RunningSessions-sectionList .jp-RunningSessions-item .jp-Button.jp-RunningSessions-itemShutdown:hover {
background: var(--jp-layout-color3);
}
.jp-RunningSessions-shutdownAll.jp-mod-styled {
- margin: 0px 8px;
+ margin: 0 8px;
color: var(--jp-warn-color1);
background-color: transparent;
height: var(--jp-private-running-shutdown-button-height);
diff --git a/packages/running/style/index.css b/packages/running/style/index.css
index b47e96170e..6b05ec3e37 100644
--- a/packages/running/style/index.css
+++ b/packages/running/style/index.css
@@ -1,10 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-
-@import url('./base.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("./base.css");
diff --git a/packages/settingeditor-extension/style/index.css b/packages/settingeditor-extension/style/index.css
index 83c67f36ce..ff973802de 100644
--- a/packages/settingeditor-extension/style/index.css
+++ b/packages/settingeditor-extension/style/index.css
@@ -1,12 +1,12 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/settingeditor/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/settingeditor/style/index.css");
diff --git a/packages/settingeditor/style/base.css b/packages/settingeditor/style/base.css
index df05b9db1e..85660cea4f 100644
--- a/packages/settingeditor/style/base.css
+++ b/packages/settingeditor/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
--jp-private-settingeditor-debug-height: 28px;
@@ -18,6 +18,7 @@
background-color: var(--jp-layout-color0);
margin-top: -1px;
outline: none;
+
/* This is needed so that all font sizing of children done in ems is
* relative to this base size */
font-size: var(--jp-ui-font-size1);
@@ -100,10 +101,7 @@
border: 1px solid var(--jp-brand-color1);
}
-#setting-editor
- ul.jp-PluginList
- li.jp-mod-selected
- span.jp-PluginList-icon.jp-FileIcon {
+#setting-editor ul.jp-PluginList li.jp-mod-selected span.jp-PluginList-icon.jp-FileIcon {
background-image: var(--jp-icon-file-selected);
}
@@ -122,10 +120,7 @@
max-height: var(--jp-private-settingeditor-toolbar-height);
}
-#setting-editor
- .jp-SettingsRawEditor
- .jp-Toolbar
- .jp-ToolbarButtonComponent-label {
+#setting-editor .jp-SettingsRawEditor .jp-Toolbar .jp-ToolbarButtonComponent-label {
display: none;
}
@@ -134,12 +129,9 @@
align-items: center;
}
-.jp-ToolbarButtonComponent-label
- #setting-editor
- .jp-SettingsRawEditor.jp-mod-error
- .jp-Toolbar-item.jp-BugIcon::after {
+.jp-ToolbarButtonComponent-label #setting-editor .jp-SettingsRawEditor.jp-mod-error .jp-Toolbar-item.jp-BugIcon::after {
color: red;
- content: '\25CF'; /* Unicode circle character (error dot) */
+ content: "\25CF"; /* Unicode circle character (error dot) */
font-size: 7px;
width: 100%;
height: 100%;
@@ -154,19 +146,12 @@
max-height: var(--jp-private-settingeditor-debug-height);
}
-#setting-editor
- .jp-SettingsRawEditor
- .jp-Inspector.jp-SettingsDebug
- .jp-RenderedHTMLCommon {
+#setting-editor .jp-SettingsRawEditor .jp-Inspector.jp-SettingsDebug .jp-RenderedHTMLCommon {
padding: 2px 5px 2px 0;
width: 100%;
}
-#setting-editor
- .jp-SettingsRawEditor
- .jp-Inspector.jp-SettingsDebug
- .jp-RenderedHTMLCommon
- p {
+#setting-editor .jp-SettingsRawEditor .jp-Inspector.jp-SettingsDebug .jp-RenderedHTMLCommon p {
text-align: right;
}
diff --git a/packages/settingeditor/style/index.css b/packages/settingeditor/style/index.css
index cf05a54dc6..4af1534336 100644
--- a/packages/settingeditor/style/index.css
+++ b/packages/settingeditor/style/index.css
@@ -1,14 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/inspector/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/inspector/style/index.css");
+@import url("./base.css");
diff --git a/packages/statusbar-extension/style/index.css b/packages/statusbar-extension/style/index.css
index 92e10e6790..8d25de7351 100644
--- a/packages/statusbar-extension/style/index.css
+++ b/packages/statusbar-extension/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/statusbar/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
+@import url("~@jupyterlab/statusbar/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
diff --git a/packages/statusbar/style/base.css b/packages/statusbar/style/base.css
index 4d0d42bb0b..d641e0b22a 100644
--- a/packages/statusbar/style/base.css
+++ b/packages/statusbar/style/base.css
@@ -1,17 +1,17 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Variables
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
/*-----------------------------------------------------------------------------
| Styles
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Statusbar-ProgressCircle svg {
display: block;
@@ -20,6 +20,7 @@
height: 24px;
align-self: normal;
}
+
.jp-Statusbar-ProgressCircle path {
fill: var(--jp-inverse-layout-color3);
}
@@ -32,25 +33,27 @@
overflow: hidden;
align-self: center;
}
+
.jp-Statusbar-ProgressBar-progress-bar > div {
background-color: var(--jp-brand-color2);
- background-image: linear-gradient(
- -45deg,
- rgba(255, 255, 255, 0.2) 25%,
- transparent 25%,
- transparent 50%,
- rgba(255, 255, 255, 0.2) 50%,
- rgba(255, 255, 255, 0.2) 75%,
- transparent 75%,
- transparent
- );
+ background-image:
+ linear-gradient(
+ -45deg,
+ rgb(255 255 255 / 20%) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgb(255 255 255 / 20%) 50%,
+ rgb(255 255 255 / 20%) 75%,
+ transparent 75%,
+ transparent
+ );
background-size: 40px 40px;
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 14px;
- color: #ffffff;
+ color: #fff;
text-align: center;
animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
}
@@ -67,6 +70,7 @@
0% {
background-position: 0 0;
}
+
100% {
background-position: 40px 40px;
}
diff --git a/packages/statusbar/style/index.css b/packages/statusbar/style/index.css
index bd9f8cebad..40fad6362c 100644
--- a/packages/statusbar/style/index.css
+++ b/packages/statusbar/style/index.css
@@ -1,10 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("./base.css");
diff --git a/packages/terminal-extension/style/index.css b/packages/terminal-extension/style/index.css
index a3a83d3f11..596007386d 100644
--- a/packages/terminal-extension/style/index.css
+++ b/packages/terminal-extension/style/index.css
@@ -1,14 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/launcher/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
-@import url('~@jupyterlab/running/style/index.css');
-@import url('~@jupyterlab/terminal/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/launcher/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
+@import url("~@jupyterlab/running/style/index.css");
+@import url("~@jupyterlab/terminal/style/index.css");
diff --git a/packages/terminal/style/base.css b/packages/terminal/style/base.css
index 10e2ecb2b6..6fc9ad9cc5 100644
--- a/packages/terminal/style/base.css
+++ b/packages/terminal/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Terminal {
min-width: 240px;
@@ -12,14 +12,14 @@
padding: 8px;
}
-[data-term-theme='inherit'] .xterm .xterm-screen canvas {
+[data-term-theme="inherit"] .xterm .xterm-screen canvas {
border: 1px solid var(--jp-layout-color0);
}
-[data-term-theme='light'] .xterm .xterm-screen canvas {
+[data-term-theme="light"] .xterm .xterm-screen canvas {
border: 1px solid #fff;
}
-[data-term-theme='dark'] .xterm .xterm-screen canvas {
+[data-term-theme="dark"] .xterm .xterm-screen canvas {
border: 1px solid #000;
}
diff --git a/packages/terminal/style/index.css b/packages/terminal/style/index.css
index 48173c41f6..244e2c1600 100644
--- a/packages/terminal/style/index.css
+++ b/packages/terminal/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~xterm/css/xterm.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~xterm/css/xterm.css");
+@import url("./base.css");
diff --git a/packages/theme-dark-extension/style/theme.css b/packages/theme-dark-extension/style/theme.css
index 4761c94d2b..9d47e15615 100644
--- a/packages/theme-dark-extension/style/theme.css
+++ b/packages/theme-dark-extension/style/theme.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './variables.css';
+@import "./variables.css";
/* Set the default typography for monospace elements */
tt,
diff --git a/packages/theme-dark-extension/style/variables.css b/packages/theme-dark-extension/style/variables.css
index a676c9f1ac..6d89037172 100644
--- a/packages/theme-dark-extension/style/variables.css
+++ b/packages/theme-dark-extension/style/variables.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/*
The following CSS variables define the main, public API for styling JupyterLab.
@@ -36,52 +36,64 @@ all of MD as it is not optimized for dense, information rich UIs.
/* The dark theme shadows need a bit of work, but this will probably also require work on the core layout
* colors used in the theme as well. */
--jp-shadow-base-lightness: 32;
- --jp-shadow-umbra-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.2
- );
- --jp-shadow-penumbra-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.14
- );
- --jp-shadow-ambient-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.12
- );
+ --jp-shadow-umbra-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 20%
+ );
+ --jp-shadow-penumbra-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 14%
+ );
+ --jp-shadow-ambient-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 12%
+ );
--jp-elevation-z0: none;
- --jp-elevation-z1: 0px 2px 1px -1px var(--jp-shadow-umbra-color),
- 0px 1px 1px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 3px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z2: 0px 3px 1px -2px var(--jp-shadow-umbra-color),
- 0px 2px 2px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 5px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z4: 0px 2px 4px -1px var(--jp-shadow-umbra-color),
- 0px 4px 5px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 10px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z6: 0px 3px 5px -1px var(--jp-shadow-umbra-color),
- 0px 6px 10px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 18px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z8: 0px 5px 5px -3px var(--jp-shadow-umbra-color),
- 0px 8px 10px 1px var(--jp-shadow-penumbra-color),
- 0px 3px 14px 2px var(--jp-shadow-ambient-color);
- --jp-elevation-z12: 0px 7px 8px -4px var(--jp-shadow-umbra-color),
- 0px 12px 17px 2px var(--jp-shadow-penumbra-color),
- 0px 5px 22px 4px var(--jp-shadow-ambient-color);
- --jp-elevation-z16: 0px 8px 10px -5px var(--jp-shadow-umbra-color),
- 0px 16px 24px 2px var(--jp-shadow-penumbra-color),
- 0px 6px 30px 5px var(--jp-shadow-ambient-color);
- --jp-elevation-z20: 0px 10px 13px -6px var(--jp-shadow-umbra-color),
- 0px 20px 31px 3px var(--jp-shadow-penumbra-color),
- 0px 8px 38px 7px var(--jp-shadow-ambient-color);
- --jp-elevation-z24: 0px 11px 15px -7px var(--jp-shadow-umbra-color),
- 0px 24px 38px 3px var(--jp-shadow-penumbra-color),
- 0px 9px 46px 8px var(--jp-shadow-ambient-color);
+ --jp-elevation-z1:
+ 0 2px 1px -1px var(--jp-shadow-umbra-color),
+ 0 1px 1px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 3px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z2:
+ 0 3px 1px -2px var(--jp-shadow-umbra-color),
+ 0 2px 2px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 5px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z4:
+ 0 2px 4px -1px var(--jp-shadow-umbra-color),
+ 0 4px 5px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 10px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z6:
+ 0 3px 5px -1px var(--jp-shadow-umbra-color),
+ 0 6px 10px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 18px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z8:
+ 0 5px 5px -3px var(--jp-shadow-umbra-color),
+ 0 8px 10px 1px var(--jp-shadow-penumbra-color),
+ 0 3px 14px 2px var(--jp-shadow-ambient-color);
+ --jp-elevation-z12:
+ 0 7px 8px -4px var(--jp-shadow-umbra-color),
+ 0 12px 17px 2px var(--jp-shadow-penumbra-color),
+ 0 5px 22px 4px var(--jp-shadow-ambient-color);
+ --jp-elevation-z16:
+ 0 8px 10px -5px var(--jp-shadow-umbra-color),
+ 0 16px 24px 2px var(--jp-shadow-penumbra-color),
+ 0 6px 30px 5px var(--jp-shadow-ambient-color);
+ --jp-elevation-z20:
+ 0 10px 13px -6px var(--jp-shadow-umbra-color),
+ 0 20px 31px 3px var(--jp-shadow-penumbra-color),
+ 0 8px 38px 7px var(--jp-shadow-ambient-color);
+ --jp-elevation-z24:
+ 0 11px 15px -7px var(--jp-shadow-umbra-color),
+ 0 24px 38px 3px var(--jp-shadow-penumbra-color),
+ 0 9px 46px 8px var(--jp-shadow-ambient-color);
/* Borders
*
@@ -111,10 +123,17 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-ui-font-size1: 13px; /* Base font size */
--jp-ui-font-size2: 1.2em;
--jp-ui-font-size3: 1.44em;
-
- --jp-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
- 'Segoe UI Symbol';
+ --jp-ui-font-family:
+ system-ui,
+ -apple-system,
+ blinkmacsystemfont,
+ "Segoe UI",
+ helvetica,
+ arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
/*
* Use these font colors against the corresponding main layout colors.
@@ -122,20 +141,20 @@ all of MD as it is not optimized for dense, information rich UIs.
*/
/* Defaults use Material Design specification */
- --jp-ui-font-color0: rgba(255, 255, 255, 1);
- --jp-ui-font-color1: rgba(255, 255, 255, 0.87);
- --jp-ui-font-color2: rgba(255, 255, 255, 0.54);
- --jp-ui-font-color3: rgba(255, 255, 255, 0.38);
+ --jp-ui-font-color0: rgb(255 255 255 / 100%);
+ --jp-ui-font-color1: rgb(255 255 255 / 87%);
+ --jp-ui-font-color2: rgb(255 255 255 / 54%);
+ --jp-ui-font-color3: rgb(255 255 255 / 38%);
/*
* Use these against the brand/accent/warn/error colors.
* These will typically go from light to darker, in both a dark and light theme.
*/
- --jp-ui-inverse-font-color0: rgba(0, 0, 0, 1);
- --jp-ui-inverse-font-color1: rgba(0, 0, 0, 0.8);
- --jp-ui-inverse-font-color2: rgba(0, 0, 0, 0.5);
- --jp-ui-inverse-font-color3: rgba(0, 0, 0, 0.3);
+ --jp-ui-inverse-font-color0: rgb(0 0 0 / 100%);
+ --jp-ui-inverse-font-color1: rgb(0 0 0 / 80%);
+ --jp-ui-inverse-font-color2: rgb(0 0 0 / 50%);
+ --jp-ui-inverse-font-color3: rgb(0 0 0 / 30%);
/* Content Fonts
*
@@ -157,23 +176,28 @@ all of MD as it is not optimized for dense, information rich UIs.
/* This gives a magnification of about 125% in presentation mode over normal. */
--jp-content-presentation-font-size1: 17px;
-
--jp-content-heading-line-height: 1;
--jp-content-heading-margin-top: 1.2em;
--jp-content-heading-margin-bottom: 0.8em;
--jp-content-heading-font-weight: 500;
/* Defaults use Material Design specification */
- --jp-content-font-color0: rgba(255, 255, 255, 1);
- --jp-content-font-color1: rgba(255, 255, 255, 1);
- --jp-content-font-color2: rgba(255, 255, 255, 0.7);
- --jp-content-font-color3: rgba(255, 255, 255, 0.5);
-
+ --jp-content-font-color0: rgb(255 255 255 / 100%);
+ --jp-content-font-color1: rgb(255 255 255 / 100%);
+ --jp-content-font-color2: rgb(255 255 255 / 70%);
+ --jp-content-font-color3: rgb(255 255 255 / 50%);
--jp-content-link-color: var(--md-blue-300);
-
- --jp-content-font-family: system-ui, -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
- 'Segoe UI Emoji', 'Segoe UI Symbol';
+ --jp-content-font-family:
+ system-ui,
+ -apple-system,
+ blinkmacsystemfont,
+ "Segoe UI",
+ helvetica,
+ arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
/*
* Code Fonts
@@ -184,7 +208,7 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-code-font-size: 13px;
--jp-code-line-height: 1.3077; /* 17px for 13px base */
--jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
- --jp-code-font-family-default: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+ --jp-code-font-family-default: menlo, consolas, "DejaVu Sans Mono", monospace;
--jp-code-font-family: var(--jp-code-font-family-default);
/* This gives a magnification of about 125% in presentation mode over normal. */
@@ -201,7 +225,7 @@ all of MD as it is not optimized for dense, information rich UIs.
* theme these would go from light to dark.
*/
- --jp-layout-color0: #111111;
+ --jp-layout-color0: #111;
--jp-layout-color1: var(--md-grey-900);
--jp-layout-color2: var(--md-grey-800);
--jp-layout-color3: var(--md-grey-700);
@@ -226,7 +250,6 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-brand-color2: var(--md-blue-300);
--jp-brand-color3: var(--md-blue-100);
--jp-brand-color4: var(--md-blue-50);
-
--jp-accent-color0: var(--md-green-700);
--jp-accent-color1: var(--md-green-500);
--jp-accent-color2: var(--md-green-300);
@@ -238,17 +261,14 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-warn-color1: var(--md-orange-500);
--jp-warn-color2: var(--md-orange-300);
--jp-warn-color3: var(--md-orange-100);
-
--jp-error-color0: var(--md-red-700);
--jp-error-color1: var(--md-red-500);
--jp-error-color2: var(--md-red-300);
--jp-error-color3: var(--md-red-100);
-
--jp-success-color0: var(--md-green-700);
--jp-success-color1: var(--md-green-500);
--jp-success-color2: var(--md-green-300);
--jp-success-color3: var(--md-green-100);
-
--jp-info-color0: var(--md-cyan-700);
--jp-info-color1: var(--md-cyan-500);
--jp-info-color2: var(--md-cyan-300);
@@ -257,20 +277,17 @@ all of MD as it is not optimized for dense, information rich UIs.
/* Cell specific styles */
--jp-cell-padding: 5px;
-
--jp-cell-collapser-width: 8px;
--jp-cell-collapser-min-height: 20px;
--jp-cell-collapser-not-active-hover-opacity: 0.6;
-
--jp-cell-editor-background: var(--jp-layout-color1);
--jp-cell-editor-border-color: var(--md-grey-700);
--jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
--jp-cell-editor-active-background: var(--jp-layout-color0);
--jp-cell-editor-active-border-color: var(--jp-brand-color1);
-
--jp-cell-prompt-width: 64px;
--jp-cell-prompt-font-family: var(--jp-code-font-family-default);
- --jp-cell-prompt-letter-spacing: 0px;
+ --jp-cell-prompt-letter-spacing: 0;
--jp-cell-prompt-opacity: 1;
--jp-cell-prompt-not-active-opacity: 1;
--jp-cell-prompt-not-active-font-color: var(--md-grey-300);
@@ -278,6 +295,7 @@ all of MD as it is not optimized for dense, information rich UIs.
/* A custom blend of MD grey and blue 600
* See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
--jp-cell-inprompt-font-color: #307fc1;
+
/* A custom blend of MD grey and orange 600
* https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
--jp-cell-outprompt-font-color: #bf5b3d;
@@ -286,7 +304,7 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-notebook-padding: 10px;
--jp-notebook-select-background: var(--jp-layout-color1);
- --jp-notebook-multiselected-color: rgba(33, 150, 243, 0.24);
+ --jp-notebook-multiselected-color: rgb(33 150 243 / 24%);
/* The scroll padding is calculated to fill enough space at the bottom of the
notebook to show one single-line cell (with appropriate padding) at the top
@@ -294,20 +312,21 @@ all of MD as it is not optimized for dense, information rich UIs.
pixel so that no scrollbar appears if we have just one single-line cell in the
notebook. This padding is to enable a 'scroll past end' feature in a notebook.
*/
- --jp-notebook-scroll-padding: calc(
- 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
+ --jp-notebook-scroll-padding:
+ calc(
+ 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
var(--jp-code-padding) - var(--jp-cell-padding) - 1px
- );
+ );
/* Rendermime styles */
- --jp-rendermime-error-background: rgba(244, 67, 54, 0.28);
+ --jp-rendermime-error-background: rgb(244 67 54 / 28%);
--jp-rendermime-table-row-background: var(--md-grey-900);
- --jp-rendermime-table-row-hover-background: rgba(3, 169, 244, 0.2);
+ --jp-rendermime-table-row-hover-background: rgb(3 169 244 / 20%);
/* Dialog specific styles */
- --jp-dialog-background: rgba(0, 0, 0, 0.6);
+ --jp-dialog-background: rgb(0 0 0 / 60%);
/* Console specific styles */
@@ -318,8 +337,8 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-toolbar-border-color: var(--jp-border-color2);
--jp-toolbar-micro-height: 8px;
--jp-toolbar-background: var(--jp-layout-color1);
- --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
- --jp-toolbar-header-margin: 4px 4px 0px 4px;
+ --jp-toolbar-box-shadow: 0 0 2px 0 rgb(0 0 0 / 80%);
+ --jp-toolbar-header-margin: 4px 4px 0 4px;
--jp-toolbar-active-background: var(--jp-layout-color0);
/* Statusbar specific styles */
@@ -334,12 +353,12 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-input-background: var(--md-grey-800);
--jp-input-border-color: var(--jp-inverse-border-color);
--jp-input-active-border-color: var(--jp-brand-color1);
- --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);
+ --jp-input-active-box-shadow-color: rgb(19 124 189 / 30%);
/* General editor styles */
--jp-editor-selected-background: var(--jp-layout-color2);
- --jp-editor-selected-focused-background: rgba(33, 150, 243, 0.24);
+ --jp-editor-selected-focused-background: rgb(33 150 243 / 24%);
--jp-editor-cursor-color: var(--jp-ui-font-color0);
/* Code mirror specific styles */
@@ -353,11 +372,11 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-mirror-editor-variable-3-color: var(--md-green-600);
--jp-mirror-editor-punctuation-color: var(--md-blue-400);
--jp-mirror-editor-property-color: var(--md-blue-400);
- --jp-mirror-editor-operator-color: #aa22ff;
+ --jp-mirror-editor-operator-color: #a2f;
--jp-mirror-editor-comment-color: #408080;
--jp-mirror-editor-string-color: #ff7070;
--jp-mirror-editor-string-2-color: var(--md-purple-300);
- --jp-mirror-editor-meta-color: #aa22ff;
+ --jp-mirror-editor-meta-color: #a2f;
--jp-mirror-editor-qualifier-color: #555;
--jp-mirror-editor-builtin-color: var(--md-green-600);
--jp-mirror-editor-bracket-color: #997;
@@ -382,11 +401,12 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-search-toggle-off-opacity: 0.6;
--jp-search-toggle-hover-opacity: 0.8;
--jp-search-toggle-on-opacity: 1;
- --jp-search-selected-match-background-color: rgb(255, 225, 0);
+ --jp-search-selected-match-background-color: rgb(255 225 0);
--jp-search-selected-match-color: black;
- --jp-search-unselected-match-background-color: var(
- --jp-inverse-layout-color0
- );
+ --jp-search-unselected-match-background-color:
+ var(
+ --jp-inverse-layout-color0
+ );
--jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);
/* scrollbar related styles. Supports every browser except Edge. */
@@ -395,7 +415,6 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-scrollbar-background-color: #3f4244;
--jp-scrollbar-thumb-color: 88, 96, 97; /* need to specify thumb color as an RGB triplet */
-
--jp-scrollbar-endpad: 3px; /* the minimum gap between the thumb and the ends of a scrollbar */
/* hacks for setting the thumb shape. These do nothing in Firefox */
@@ -413,11 +432,9 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-accept-color-normal: var(--md-blue-700);
--jp-accept-color-hover: var(--md-blue-800);
--jp-accept-color-active: var(--md-blue-900);
-
--jp-warn-color-normal: var(--md-red-700);
--jp-warn-color-hover: var(--md-red-800);
--jp-warn-color-active: var(--md-red-900);
-
--jp-reject-color-normal: var(--md-grey-600);
--jp-reject-color-hover: var(--md-grey-700);
--jp-reject-color-active: var(--md-grey-800);
diff --git a/packages/theme-light-extension/style/theme.css b/packages/theme-light-extension/style/theme.css
index 4761c94d2b..9d47e15615 100644
--- a/packages/theme-light-extension/style/theme.css
+++ b/packages/theme-light-extension/style/theme.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import './variables.css';
+@import "./variables.css";
/* Set the default typography for monospace elements */
tt,
diff --git a/packages/theme-light-extension/style/urls.css b/packages/theme-light-extension/style/urls.css
index b657e4d0df..c4b7513d79 100644
--- a/packages/theme-light-extension/style/urls.css
+++ b/packages/theme-light-extension/style/urls.css
@@ -1,20 +1,25 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* TODO: finish cleaning up these cases of icon-as-css-background-image */
:root {
/* may be unused */
- /*--jp-icon-bug: url('icons/md/bug.svg');*/
+ /* --jp-icon-bug: url('icons/md/bug.svg'); */
/* blocked by lumino interaction */
- /*--jp-icon-caret-down: url('icons/md/caretdown.svg');*/
- /*--jp-icon-caret-right: url('icons/md/caretright.svg');*/
- /*--jp-icon-caret-up: url('icons/md/caretup.svg');*/
- /*--jp-icon-caret-left: url('icons/md/caretleft.svg');*/
- /*--jp-icon-search: url('icons/md/search.svg');*/
- /*--jp-icon-search-white: url('icons/md/search-white.svg');*/
+ /* --jp-icon-caret-down: url('icons/md/caretdown.svg'); */
+
+ /* --jp-icon-caret-right: url('icons/md/caretright.svg'); */
+
+ /* --jp-icon-caret-up: url('icons/md/caretup.svg'); */
+
+ /* --jp-icon-caret-left: url('icons/md/caretleft.svg'); */
+
+ /* --jp-icon-search: url('icons/md/search.svg'); */
+
+ /* --jp-icon-search-white: url('icons/md/search-white.svg'); */
}
diff --git a/packages/theme-light-extension/style/variables.css b/packages/theme-light-extension/style/variables.css
index 3dccff6a79..3937dd9a88 100644
--- a/packages/theme-light-extension/style/variables.css
+++ b/packages/theme-light-extension/style/variables.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/*
The following CSS variables define the main, public API for styling JupyterLab.
@@ -34,52 +34,64 @@ all of MD as it is not optimized for dense, information rich UIs.
*/
--jp-shadow-base-lightness: 0;
- --jp-shadow-umbra-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.2
- );
- --jp-shadow-penumbra-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.14
- );
- --jp-shadow-ambient-color: rgba(
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- var(--jp-shadow-base-lightness),
- 0.12
- );
+ --jp-shadow-umbra-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 20%
+ );
+ --jp-shadow-penumbra-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 14%
+ );
+ --jp-shadow-ambient-color:
+ rgb(
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness)
+ var(--jp-shadow-base-lightness) /
+ 12%
+ );
--jp-elevation-z0: none;
- --jp-elevation-z1: 0px 2px 1px -1px var(--jp-shadow-umbra-color),
- 0px 1px 1px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 3px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z2: 0px 3px 1px -2px var(--jp-shadow-umbra-color),
- 0px 2px 2px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 5px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z4: 0px 2px 4px -1px var(--jp-shadow-umbra-color),
- 0px 4px 5px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 10px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z6: 0px 3px 5px -1px var(--jp-shadow-umbra-color),
- 0px 6px 10px 0px var(--jp-shadow-penumbra-color),
- 0px 1px 18px 0px var(--jp-shadow-ambient-color);
- --jp-elevation-z8: 0px 5px 5px -3px var(--jp-shadow-umbra-color),
- 0px 8px 10px 1px var(--jp-shadow-penumbra-color),
- 0px 3px 14px 2px var(--jp-shadow-ambient-color);
- --jp-elevation-z12: 0px 7px 8px -4px var(--jp-shadow-umbra-color),
- 0px 12px 17px 2px var(--jp-shadow-penumbra-color),
- 0px 5px 22px 4px var(--jp-shadow-ambient-color);
- --jp-elevation-z16: 0px 8px 10px -5px var(--jp-shadow-umbra-color),
- 0px 16px 24px 2px var(--jp-shadow-penumbra-color),
- 0px 6px 30px 5px var(--jp-shadow-ambient-color);
- --jp-elevation-z20: 0px 10px 13px -6px var(--jp-shadow-umbra-color),
- 0px 20px 31px 3px var(--jp-shadow-penumbra-color),
- 0px 8px 38px 7px var(--jp-shadow-ambient-color);
- --jp-elevation-z24: 0px 11px 15px -7px var(--jp-shadow-umbra-color),
- 0px 24px 38px 3px var(--jp-shadow-penumbra-color),
- 0px 9px 46px 8px var(--jp-shadow-ambient-color);
+ --jp-elevation-z1:
+ 0 2px 1px -1px var(--jp-shadow-umbra-color),
+ 0 1px 1px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 3px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z2:
+ 0 3px 1px -2px var(--jp-shadow-umbra-color),
+ 0 2px 2px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 5px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z4:
+ 0 2px 4px -1px var(--jp-shadow-umbra-color),
+ 0 4px 5px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 10px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z6:
+ 0 3px 5px -1px var(--jp-shadow-umbra-color),
+ 0 6px 10px 0 var(--jp-shadow-penumbra-color),
+ 0 1px 18px 0 var(--jp-shadow-ambient-color);
+ --jp-elevation-z8:
+ 0 5px 5px -3px var(--jp-shadow-umbra-color),
+ 0 8px 10px 1px var(--jp-shadow-penumbra-color),
+ 0 3px 14px 2px var(--jp-shadow-ambient-color);
+ --jp-elevation-z12:
+ 0 7px 8px -4px var(--jp-shadow-umbra-color),
+ 0 12px 17px 2px var(--jp-shadow-penumbra-color),
+ 0 5px 22px 4px var(--jp-shadow-ambient-color);
+ --jp-elevation-z16:
+ 0 8px 10px -5px var(--jp-shadow-umbra-color),
+ 0 16px 24px 2px var(--jp-shadow-penumbra-color),
+ 0 6px 30px 5px var(--jp-shadow-ambient-color);
+ --jp-elevation-z20:
+ 0 10px 13px -6px var(--jp-shadow-umbra-color),
+ 0 20px 31px 3px var(--jp-shadow-penumbra-color),
+ 0 8px 38px 7px var(--jp-shadow-ambient-color);
+ --jp-elevation-z24:
+ 0 11px 15px -7px var(--jp-shadow-umbra-color),
+ 0 24px 38px 3px var(--jp-shadow-penumbra-color),
+ 0 9px 46px 8px var(--jp-shadow-ambient-color);
/* Borders
*
@@ -109,10 +121,17 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-ui-font-size1: 13px; /* Base font size */
--jp-ui-font-size2: 1.2em;
--jp-ui-font-size3: 1.44em;
-
- --jp-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
- 'Segoe UI Symbol';
+ --jp-ui-font-family:
+ system-ui,
+ -apple-system,
+ blinkmacsystemfont,
+ "Segoe UI",
+ helvetica,
+ arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
/*
* Use these font colors against the corresponding main layout colors.
@@ -120,20 +139,20 @@ all of MD as it is not optimized for dense, information rich UIs.
*/
/* Defaults use Material Design specification */
- --jp-ui-font-color0: rgba(0, 0, 0, 1);
- --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
- --jp-ui-font-color2: rgba(0, 0, 0, 0.54);
- --jp-ui-font-color3: rgba(0, 0, 0, 0.38);
+ --jp-ui-font-color0: rgb(0 0 0 / 100%);
+ --jp-ui-font-color1: rgb(0 0 0 / 87%);
+ --jp-ui-font-color2: rgb(0 0 0 / 54%);
+ --jp-ui-font-color3: rgb(0 0 0 / 38%);
/*
* Use these against the brand/accent/warn/error colors.
* These will typically go from light to darker, in both a dark and light theme.
*/
- --jp-ui-inverse-font-color0: rgba(255, 255, 255, 1);
- --jp-ui-inverse-font-color1: rgba(255, 255, 255, 1);
- --jp-ui-inverse-font-color2: rgba(255, 255, 255, 0.7);
- --jp-ui-inverse-font-color3: rgba(255, 255, 255, 0.5);
+ --jp-ui-inverse-font-color0: rgb(255 255 255 / 100%);
+ --jp-ui-inverse-font-color1: rgb(255 255 255 / 100%);
+ --jp-ui-inverse-font-color2: rgb(255 255 255 / 70%);
+ --jp-ui-inverse-font-color3: rgb(255 255 255 / 50%);
/* Content Fonts
*
@@ -155,23 +174,28 @@ all of MD as it is not optimized for dense, information rich UIs.
/* This gives a magnification of about 125% in presentation mode over normal. */
--jp-content-presentation-font-size1: 17px;
-
--jp-content-heading-line-height: 1;
--jp-content-heading-margin-top: 1.2em;
--jp-content-heading-margin-bottom: 0.8em;
--jp-content-heading-font-weight: 500;
/* Defaults use Material Design specification */
- --jp-content-font-color0: rgba(0, 0, 0, 1);
- --jp-content-font-color1: rgba(0, 0, 0, 0.87);
- --jp-content-font-color2: rgba(0, 0, 0, 0.54);
- --jp-content-font-color3: rgba(0, 0, 0, 0.38);
-
+ --jp-content-font-color0: rgb(0 0 0 / 100%);
+ --jp-content-font-color1: rgb(0 0 0 / 87%);
+ --jp-content-font-color2: rgb(0 0 0 / 54%);
+ --jp-content-font-color3: rgb(0 0 0 / 38%);
--jp-content-link-color: var(--md-blue-700);
-
- --jp-content-font-family: system-ui, -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
- 'Segoe UI Emoji', 'Segoe UI Symbol';
+ --jp-content-font-family:
+ system-ui,
+ -apple-system,
+ blinkmacsystemfont,
+ "Segoe UI",
+ helvetica,
+ arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
/*
* Code Fonts
@@ -182,7 +206,7 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-code-font-size: 13px;
--jp-code-line-height: 1.3077; /* 17px for 13px base */
--jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
- --jp-code-font-family-default: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+ --jp-code-font-family-default: menlo, consolas, "DejaVu Sans Mono", monospace;
--jp-code-font-family: var(--jp-code-font-family-default);
/* This gives a magnification of about 125% in presentation mode over normal. */
@@ -211,7 +235,7 @@ all of MD as it is not optimized for dense, information rich UIs.
* theme these would go from dark to light.
*/
- --jp-inverse-layout-color0: #111111;
+ --jp-inverse-layout-color0: #111;
--jp-inverse-layout-color1: var(--md-grey-900);
--jp-inverse-layout-color2: var(--md-grey-800);
--jp-inverse-layout-color3: var(--md-grey-700);
@@ -224,7 +248,6 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-brand-color2: var(--md-blue-300);
--jp-brand-color3: var(--md-blue-100);
--jp-brand-color4: var(--md-blue-50);
-
--jp-accent-color0: var(--md-green-900);
--jp-accent-color1: var(--md-green-700);
--jp-accent-color2: var(--md-green-300);
@@ -236,17 +259,14 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-warn-color1: var(--md-orange-700);
--jp-warn-color2: var(--md-orange-300);
--jp-warn-color3: var(--md-orange-100);
-
--jp-error-color0: var(--md-red-900);
--jp-error-color1: var(--md-red-700);
--jp-error-color2: var(--md-red-300);
--jp-error-color3: var(--md-red-100);
-
--jp-success-color0: var(--md-green-900);
--jp-success-color1: var(--md-green-700);
--jp-success-color2: var(--md-green-300);
--jp-success-color3: var(--md-green-100);
-
--jp-info-color0: var(--md-cyan-900);
--jp-info-color1: var(--md-cyan-700);
--jp-info-color2: var(--md-cyan-300);
@@ -255,26 +275,25 @@ all of MD as it is not optimized for dense, information rich UIs.
/* Cell specific styles */
--jp-cell-padding: 5px;
-
--jp-cell-collapser-width: 8px;
--jp-cell-collapser-min-height: 20px;
--jp-cell-collapser-not-active-hover-opacity: 0.6;
-
--jp-cell-editor-background: var(--md-grey-100);
--jp-cell-editor-border-color: var(--md-grey-300);
--jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
--jp-cell-editor-active-background: var(--jp-layout-color0);
--jp-cell-editor-active-border-color: var(--jp-brand-color1);
-
--jp-cell-prompt-width: 64px;
--jp-cell-prompt-font-family: var(--jp-code-font-family-default);
- --jp-cell-prompt-letter-spacing: 0px;
+ --jp-cell-prompt-letter-spacing: 0;
--jp-cell-prompt-opacity: 1;
--jp-cell-prompt-not-active-opacity: 0.5;
--jp-cell-prompt-not-active-font-color: var(--md-grey-700);
+
/* A custom blend of MD grey and blue 600
* See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
--jp-cell-inprompt-font-color: #307fc1;
+
/* A custom blend of MD grey and orange 600
* https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
--jp-cell-outprompt-font-color: #bf5b3d;
@@ -291,10 +310,11 @@ all of MD as it is not optimized for dense, information rich UIs.
pixel so that no scrollbar appears if we have just one single-line cell in the
notebook. This padding is to enable a 'scroll past end' feature in a notebook.
*/
- --jp-notebook-scroll-padding: calc(
- 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
+ --jp-notebook-scroll-padding:
+ calc(
+ 100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
var(--jp-code-padding) - var(--jp-cell-padding) - 1px
- );
+ );
/* Rendermime styles */
@@ -304,7 +324,7 @@ all of MD as it is not optimized for dense, information rich UIs.
/* Dialog specific styles */
- --jp-dialog-background: rgba(0, 0, 0, 0.25);
+ --jp-dialog-background: rgb(0 0 0 / 25%);
/* Console specific styles */
@@ -315,8 +335,8 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-toolbar-border-color: var(--jp-border-color1);
--jp-toolbar-micro-height: 8px;
--jp-toolbar-background: var(--jp-layout-color1);
- --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
- --jp-toolbar-header-margin: 4px 4px 0px 4px;
+ --jp-toolbar-box-shadow: 0 0 2px 0 rgb(0 0 0 / 24%);
+ --jp-toolbar-header-margin: 4px 4px 0 4px;
--jp-toolbar-active-background: var(--md-grey-300);
/* Statusbar specific styles */
@@ -331,7 +351,7 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-input-background: var(--md-grey-100);
--jp-input-border-color: var(--jp-inverse-border-color);
--jp-input-active-border-color: var(--jp-brand-color1);
- --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);
+ --jp-input-active-box-shadow-color: rgb(19 124 189 / 30%);
/* General editor styles */
@@ -350,11 +370,11 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-mirror-editor-variable-3-color: #085;
--jp-mirror-editor-punctuation-color: #05a;
--jp-mirror-editor-property-color: #05a;
- --jp-mirror-editor-operator-color: #aa22ff;
+ --jp-mirror-editor-operator-color: #a2f;
--jp-mirror-editor-comment-color: #408080;
--jp-mirror-editor-string-color: #ba2121;
--jp-mirror-editor-string-2-color: #708;
- --jp-mirror-editor-meta-color: #aa22ff;
+ --jp-mirror-editor-meta-color: #a2f;
--jp-mirror-editor-qualifier-color: #555;
--jp-mirror-editor-builtin-color: #008000;
--jp-mirror-editor-bracket-color: #997;
@@ -379,11 +399,12 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-search-toggle-off-opacity: 0.5;
--jp-search-toggle-hover-opacity: 0.8;
--jp-search-toggle-on-opacity: 1;
- --jp-search-selected-match-background-color: rgb(245, 200, 0);
+ --jp-search-selected-match-background-color: rgb(245 200 0);
--jp-search-selected-match-color: black;
- --jp-search-unselected-match-background-color: var(
- --jp-inverse-layout-color0
- );
+ --jp-search-unselected-match-background-color:
+ var(
+ --jp-inverse-layout-color0
+ );
--jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);
/* Icon colors that work well with light or dark backgrounds */
@@ -396,11 +417,9 @@ all of MD as it is not optimized for dense, information rich UIs.
--jp-accept-color-normal: var(--md-blue-700);
--jp-accept-color-hover: var(--md-blue-800);
--jp-accept-color-active: var(--md-blue-900);
-
--jp-warn-color-normal: var(--md-red-700);
--jp-warn-color-hover: var(--md-red-800);
--jp-warn-color-active: var(--md-red-900);
-
--jp-reject-color-normal: var(--md-grey-600);
--jp-reject-color-hover: var(--md-grey-700);
--jp-reject-color-active: var(--md-grey-800);
diff --git a/packages/toc-extension/style/index.css b/packages/toc-extension/style/index.css
index 2efcfd5d1c..7d3f0039da 100644
--- a/packages/toc-extension/style/index.css
+++ b/packages/toc-extension/style/index.css
@@ -1,15 +1,15 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/markdownviewer/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/toc/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/markdownviewer/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/toc/style/index.css");
diff --git a/packages/toc/style/base.css b/packages/toc/style/base.css
index 7abf93f09e..0cd8177e41 100644
--- a/packages/toc/style/base.css
+++ b/packages/toc/style/base.css
@@ -1,11 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Table of Contents
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-TableOfContents-content {
flex: 1 1 auto;
@@ -20,9 +20,9 @@
display: flex;
flex-direction: row;
padding: 4px 12px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
cursor: pointer;
padding-top: 8px;
@@ -44,7 +44,7 @@
font-size: var(--jp-ui-font-size0);
font-weight: 600;
letter-spacing: 1px;
- margin: 0px;
+ margin: 0;
padding: 8px 12px;
text-transform: uppercase;
}
@@ -62,7 +62,7 @@
font-size: 9px;
z-index: 0;
border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
- border-radius: 0px;
+ border-radius: 0;
background: var(--jp-cell-editor-background);
max-width: 100%;
max-height: 36px;
@@ -85,7 +85,7 @@
.toc-toolbar-icon,
.toc-toolbar-icon-selected {
float: left;
- padding: 0px;
+ padding: 0;
margin: 4px;
display: flex;
justify-content: center;
@@ -99,19 +99,19 @@
border-radius: 2px;
}
-[data-jp-theme-light='true'] .toc-toolbar-icon:hover {
+[data-jp-theme-light="true"] .toc-toolbar-icon:hover {
background-color: var(--jp-input-background);
}
-[data-jp-theme-light='false'] .toc-toolbar-icon:hover {
+[data-jp-theme-light="false"] .toc-toolbar-icon:hover {
background-color: #3a3a3a;
}
-[data-jp-theme-light='true'] .toc-toolbar-icon-selected {
+[data-jp-theme-light="true"] .toc-toolbar-icon-selected {
background-color: var(--jp-layout-color2);
}
-[data-jp-theme-light='false'] .toc-toolbar-icon-selected {
+[data-jp-theme-light="false"] .toc-toolbar-icon-selected {
background-color: #565656;
}
@@ -121,8 +121,8 @@
opacity: var(--jp-cell-prompt-not-active-opacity);
font-family: var(--jp-cell-prompt-font-family);
padding: var(--jp-code-padding);
- padding-right: 0px;
- padding-left: 0px;
+ padding-right: 0;
+ padding-left: 0;
letter-spacing: var(--jp-cell-prompt-letter-spacing);
line-height: var(--jp-code-line-height);
font-size: 8px;
@@ -131,16 +131,16 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
+ user-select: none;
+ user-select: none;
+ user-select: none;
user-select: none;
}
.toc-toolbar {
position: relative;
width: 100%;
- margin: 0px;
+ margin: 0;
user-select: none;
border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
height: 36px;
@@ -157,8 +157,8 @@
width: 100%;
display: flex;
flex-direction: row;
- padding: 0px;
- margin: 0px;
+ padding: 0;
+ margin: 0;
overflow: visible;
}
@@ -168,8 +168,8 @@
width: 100%;
box-sizing: border-box;
position: absolute;
- top: 0px;
- bottom: 0px;
+ top: 0;
+ bottom: 0;
}
.toc-entry-holder:hover .toc-Collapser-child {
@@ -214,7 +214,7 @@
font-size: 9px;
z-index: 0;
border: var(--jp-border-width) solid var(--jp-cell-editor-border-color2);
- border-radius: 0px;
+ border-radius: 0;
background: var(--jp-cell-editor-background);
width: calc(100% - 9px);
overflow: hidden;
@@ -228,9 +228,9 @@
}
.cm-toc .CodeMirror-sizer {
- min-width: 0px !important;
- min-height: 0px !important;
- margin-bottom: 0px !important;
+ min-width: 0 !important;
+ min-height: 0 !important;
+ margin-bottom: 0 !important;
}
.cm-toc .CodeMirror-line {
@@ -325,6 +325,7 @@
.toc-cell-item {
padding-left: 10px;
font-size: var(--jp-ui-font-size1);
+
/* Push ellipse button and execution indicator to right */
margin-right: auto;
}
@@ -338,9 +339,9 @@
display: inline-block;
overflow: hidden;
box-sizing: border-box;
- padding-top: 0px;
+ padding-top: 0;
margin-top: -1px;
- margin-bottom: 0px;
+ margin-bottom: 0;
user-select: none;
}
@@ -384,7 +385,7 @@
.toc-Ellipses:hover {
border: var(--jp-border-width) solid var(--jp-border-color1);
- box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
background-color: var(--jp-layout-color0);
}
@@ -392,7 +393,8 @@
* Execution indicator
*/
.toc-entry-holder::after {
- content: '';
+ content: "";
+
/* Must be identical to form a circle */
width: 12px;
height: 12px;
@@ -401,13 +403,13 @@
border: none;
}
-.toc-entry-holder[data-running='0']::after {
+.toc-entry-holder[data-running="0"]::after {
border-radius: 50%;
border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
background: none;
}
-.toc-entry-holder[data-running='1']::after {
+.toc-entry-holder[data-running="1"]::after {
border-radius: 50%;
border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
background-color: var(--jp-inverse-layout-color3);
diff --git a/packages/toc/style/index.css b/packages/toc/style/index.css
index 93abbd756e..0a1a84b739 100644
--- a/packages/toc/style/index.css
+++ b/packages/toc/style/index.css
@@ -1,18 +1,17 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/docmanager/style/index.css');
-@import url('~@jupyterlab/cells/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/markdownviewer/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/docmanager/style/index.css");
+@import url("~@jupyterlab/cells/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/markdownviewer/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("./base.css");
diff --git a/packages/tooltip-extension/style/index.css b/packages/tooltip-extension/style/index.css
index a13cceb10b..1ce7c20da9 100644
--- a/packages/tooltip-extension/style/index.css
+++ b/packages/tooltip-extension/style/index.css
@@ -1,14 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/console/style/index.css');
-@import url('~@jupyterlab/fileeditor/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/tooltip/style/index.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/console/style/index.css");
+@import url("~@jupyterlab/fileeditor/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/tooltip/style/index.css");
diff --git a/packages/tooltip/style/base.css b/packages/tooltip/style/base.css
index 04206a2613..3236be398c 100644
--- a/packages/tooltip/style/base.css
+++ b/packages/tooltip/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Tooltip {
background: var(--jp-layout-color1);
diff --git a/packages/tooltip/style/index.css b/packages/tooltip/style/index.css
index b2dd9f7f49..f8f550d75e 100644
--- a/packages/tooltip/style/index.css
+++ b/packages/tooltip/style/index.css
@@ -1,12 +1,11 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/codeeditor/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/codeeditor/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("./base.css");
diff --git a/packages/translation-extension/style/index.css b/packages/translation-extension/style/index.css
index 6415faa530..0bf4794373 100644
--- a/packages/translation-extension/style/index.css
+++ b/packages/translation-extension/style/index.css
@@ -1,9 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/mainmenu/style/index.css');
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/mainmenu/style/index.css");
diff --git a/packages/ui-components-extension/style/index.css b/packages/ui-components-extension/style/index.css
index f38bc7aaa6..a4536798fc 100644
--- a/packages/ui-components-extension/style/index.css
+++ b/packages/ui-components-extension/style/index.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
diff --git a/packages/ui-components/style/base.css b/packages/ui-components/style/base.css
index 357a33c597..3968912755 100644
--- a/packages/ui-components/style/base.css
+++ b/packages/ui-components/style/base.css
@@ -1,22 +1,22 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* Sibling imports */
-@import './collapse.css';
-@import './deprecated.css';
-@import './deprecatedExtra.css';
-@import './icons.css';
-@import './iconsalt.css';
-@import './iconshover.css';
-@import './iframe.css';
-@import './hoverbox.css';
-@import './spinner.css';
-@import './styling.css';
-@import './sidepanel.css';
-@import './switch.css';
-@import './toolbar.css';
+@import "./collapse.css";
+@import "./deprecated.css";
+@import "./deprecatedExtra.css";
+@import "./icons.css";
+@import "./iconsalt.css";
+@import "./iconshover.css";
+@import "./iframe.css";
+@import "./hoverbox.css";
+@import "./spinner.css";
+@import "./styling.css";
+@import "./sidepanel.css";
+@import "./switch.css";
+@import "./toolbar.css";
/* Override Blueprint's _reset.scss styles */
html {
@@ -32,6 +32,7 @@ html {
body {
color: var(--jp-ui-font-color1);
font-size: var(--jp-ui-font-size1);
+
/* Blueprint reset rules */
font-weight: 400;
letter-spacing: 0;
@@ -85,8 +86,9 @@ a:hover {
.jp-Button {
color: var(--jp-ui-font-color2);
border-radius: var(--jp-border-radius);
- padding: 0px 12px;
+ padding: 0 12px;
font-size: var(--jp-ui-font-size1);
+
/* Copy from blueprint 3 */
display: inline-flex;
flex-direction: row;
@@ -136,31 +138,27 @@ a:hover {
background-color: transparent;
color: var(--jp-ui-font-color0);
box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
-
- padding-bottom: 0px;
- padding-top: 0px;
+ padding-bottom: 0;
+ padding-top: 0;
padding-left: 10px;
padding-right: 28px;
position: relative;
width: 100%;
-
- -webkit-appearance: none;
- -moz-appearance: none;
appearance: none;
-
+ appearance: none;
+ appearance: none;
font-size: 14px;
font-weight: 400;
-
height: 30px;
line-height: 30px;
-
outline: none;
vertical-align: middle;
}
.jp-InputGroup input:focus {
- box-shadow: inset 0 0 0 var(--jp-border-width)
- var(--jp-input-active-box-shadow-color),
+ box-shadow:
+ inset 0 0 0 var(--jp-border-width)
+ var(--jp-input-active-box-shadow-color),
inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}
@@ -200,8 +198,8 @@ input::placeholder {
line-height: 14px;
padding: 0 25px 0 10px;
text-align: left;
- -moz-appearance: none;
- -webkit-appearance: none;
+ appearance: none;
+ appearance: none;
}
.jp-HTMLSelect.jp-DefaultStyle select:disabled {
@@ -221,6 +219,7 @@ input::placeholder {
background-color: var(--jp-layout-color2);
color: var(--jp-ui-font-color0);
}
+
select {
box-sizing: border-box;
}
diff --git a/packages/ui-components/style/collapse.css b/packages/ui-components/style/collapse.css
index 0a1d9ed8b4..ae92b6683e 100644
--- a/packages/ui-components/style/collapse.css
+++ b/packages/ui-components/style/collapse.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Collapse {
display: flex;
@@ -23,7 +23,7 @@
}
.jp-Collapse-contents {
- padding: 0px 12px 0px 12px;
+ padding: 0 12px;
background-color: var(--jp-layout-color1);
color: var(--jp-ui-font-color1);
overflow: auto;
diff --git a/packages/ui-components/style/deprecated.css b/packages/ui-components/style/deprecated.css
index 2f8364194b..99d9c626ba 100644
--- a/packages/ui-components/style/deprecated.css
+++ b/packages/ui-components/style/deprecated.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensureUiComponents() in @jupyterlab/buildutils */
@@ -12,87 +12,87 @@
/* Icons urls */
:root {
- --jp-icon-add: url('icons/toolbar/add.svg');
- --jp-icon-bug-dot: url('icons/toolbar/bug-dot.svg');
- --jp-icon-bug: url('icons/toolbar/bug.svg');
- --jp-icon-build: url('icons/sidebar/build.svg');
- --jp-icon-caret-down-empty-thin: url('icons/arrow/caret-down-empty-thin.svg');
- --jp-icon-caret-down-empty: url('icons/arrow/caret-down-empty.svg');
- --jp-icon-caret-down: url('icons/arrow/caret-down.svg');
- --jp-icon-caret-left: url('icons/arrow/caret-left.svg');
- --jp-icon-caret-right: url('icons/arrow/caret-right.svg');
- --jp-icon-caret-up-empty-thin: url('icons/arrow/caret-up-empty-thin.svg');
- --jp-icon-caret-up: url('icons/arrow/caret-up.svg');
- --jp-icon-case-sensitive: url('icons/search/case-sensitive.svg');
- --jp-icon-check: url('icons/toolbar/check.svg');
- --jp-icon-circle-empty: url('icons/toolbar/circle-empty.svg');
- --jp-icon-circle: url('icons/toolbar/circle.svg');
- --jp-icon-clear: url('icons/toolbar/clear.svg');
- --jp-icon-close: url('icons/toolbar/close.svg');
- --jp-icon-code: url('icons/toolbar/code.svg');
- --jp-icon-console: url('icons/filetype/console.svg');
- --jp-icon-copy: url('icons/toolbar/copy.svg');
- --jp-icon-copyright: url('icons/licenses/copyright.svg');
- --jp-icon-cut: url('icons/toolbar/cut.svg');
- --jp-icon-download: url('icons/toolbar/download.svg');
- --jp-icon-edit: url('icons/toolbar/edit.svg');
- --jp-icon-ellipses: url('icons/toolbar/ellipses.svg');
- --jp-icon-extension: url('icons/sidebar/extension.svg');
- --jp-icon-fast-forward: url('icons/toolbar/fast-forward.svg');
- --jp-icon-file-upload: url('icons/toolbar/file-upload.svg');
- --jp-icon-file: url('icons/filetype/file.svg');
- --jp-icon-filter-list: url('icons/toolbar/filter-list.svg');
- --jp-icon-folder: url('icons/filetype/folder.svg');
- --jp-icon-html5: url('icons/filetype/html5.svg');
- --jp-icon-image: url('icons/filetype/image.svg');
- --jp-icon-inspector: url('icons/filetype/inspector.svg');
- --jp-icon-json: url('icons/filetype/json.svg');
- --jp-icon-julia: url('icons/filetype/julia.svg');
- --jp-icon-jupyter-favicon: url('icons/jupyter/jupyter-favicon.svg');
- --jp-icon-jupyter: url('icons/jupyter/jupyter.svg');
- --jp-icon-jupyterlab-wordmark: url('icons/jupyter/jupyterlab-wordmark.svg');
- --jp-icon-kernel: url('icons/statusbar/kernel.svg');
- --jp-icon-keyboard: url('icons/filetype/keyboard.svg');
- --jp-icon-launcher: url('icons/filetype/launcher.svg');
- --jp-icon-line-form: url('icons/statusbar/line-form.svg');
- --jp-icon-link: url('icons/toolbar/link.svg');
- --jp-icon-list: url('icons/statusbar/list.svg');
- --jp-icon-listings-info: url('icons/listings/listings-info.svg');
- --jp-icon-markdown: url('icons/filetype/markdown.svg');
- --jp-icon-new-folder: url('icons/toolbar/new-folder.svg');
- --jp-icon-not-trusted: url('icons/statusbar/not-trusted.svg');
- --jp-icon-notebook: url('icons/filetype/notebook.svg');
- --jp-icon-numbering: url('icons/toolbar/numbering.svg');
- --jp-icon-offline-bolt: url('icons/toolbar/offline-bolt.svg');
- --jp-icon-palette: url('icons/sidebar/palette.svg');
- --jp-icon-paste: url('icons/toolbar/paste.svg');
- --jp-icon-pdf: url('icons/filetype/pdf.svg');
- --jp-icon-python: url('icons/filetype/python.svg');
- --jp-icon-r-kernel: url('icons/filetype/r-kernel.svg');
- --jp-icon-react: url('icons/filetype/react.svg');
- --jp-icon-redo: url('icons/toolbar/redo.svg');
- --jp-icon-refresh: url('icons/toolbar/refresh.svg');
- --jp-icon-regex: url('icons/search/regex.svg');
- --jp-icon-run: url('icons/toolbar/run.svg');
- --jp-icon-running: url('icons/sidebar/running.svg');
- --jp-icon-save: url('icons/toolbar/save.svg');
- --jp-icon-search: url('icons/toolbar/search.svg');
- --jp-icon-settings: url('icons/filetype/settings.svg');
- --jp-icon-share: url('icons/sidebar/share.svg');
- --jp-icon-spreadsheet: url('icons/filetype/spreadsheet.svg');
- --jp-icon-stop: url('icons/toolbar/stop.svg');
- --jp-icon-tab: url('icons/sidebar/tab.svg');
- --jp-icon-table-rows: url('icons/toolbar/table-rows.svg');
- --jp-icon-tag: url('icons/toolbar/tag.svg');
- --jp-icon-terminal: url('icons/statusbar/terminal.svg');
- --jp-icon-text-editor: url('icons/filetype/text-editor.svg');
- --jp-icon-toc: url('icons/sidebar/toc.svg');
- --jp-icon-tree-view: url('icons/toolbar/tree-view.svg');
- --jp-icon-trusted: url('icons/statusbar/trusted.svg');
- --jp-icon-undo: url('icons/toolbar/undo.svg');
- --jp-icon-user: url('icons/sidebar/user.svg');
- --jp-icon-vega: url('icons/filetype/vega.svg');
- --jp-icon-yaml: url('icons/filetype/yaml.svg');
+ --jp-icon-add: url("icons/toolbar/add.svg");
+ --jp-icon-bug-dot: url("icons/toolbar/bug-dot.svg");
+ --jp-icon-bug: url("icons/toolbar/bug.svg");
+ --jp-icon-build: url("icons/sidebar/build.svg");
+ --jp-icon-caret-down-empty-thin: url("icons/arrow/caret-down-empty-thin.svg");
+ --jp-icon-caret-down-empty: url("icons/arrow/caret-down-empty.svg");
+ --jp-icon-caret-down: url("icons/arrow/caret-down.svg");
+ --jp-icon-caret-left: url("icons/arrow/caret-left.svg");
+ --jp-icon-caret-right: url("icons/arrow/caret-right.svg");
+ --jp-icon-caret-up-empty-thin: url("icons/arrow/caret-up-empty-thin.svg");
+ --jp-icon-caret-up: url("icons/arrow/caret-up.svg");
+ --jp-icon-case-sensitive: url("icons/search/case-sensitive.svg");
+ --jp-icon-check: url("icons/toolbar/check.svg");
+ --jp-icon-circle-empty: url("icons/toolbar/circle-empty.svg");
+ --jp-icon-circle: url("icons/toolbar/circle.svg");
+ --jp-icon-clear: url("icons/toolbar/clear.svg");
+ --jp-icon-close: url("icons/toolbar/close.svg");
+ --jp-icon-code: url("icons/toolbar/code.svg");
+ --jp-icon-console: url("icons/filetype/console.svg");
+ --jp-icon-copy: url("icons/toolbar/copy.svg");
+ --jp-icon-copyright: url("icons/licenses/copyright.svg");
+ --jp-icon-cut: url("icons/toolbar/cut.svg");
+ --jp-icon-download: url("icons/toolbar/download.svg");
+ --jp-icon-edit: url("icons/toolbar/edit.svg");
+ --jp-icon-ellipses: url("icons/toolbar/ellipses.svg");
+ --jp-icon-extension: url("icons/sidebar/extension.svg");
+ --jp-icon-fast-forward: url("icons/toolbar/fast-forward.svg");
+ --jp-icon-file-upload: url("icons/toolbar/file-upload.svg");
+ --jp-icon-file: url("icons/filetype/file.svg");
+ --jp-icon-filter-list: url("icons/toolbar/filter-list.svg");
+ --jp-icon-folder: url("icons/filetype/folder.svg");
+ --jp-icon-html5: url("icons/filetype/html5.svg");
+ --jp-icon-image: url("icons/filetype/image.svg");
+ --jp-icon-inspector: url("icons/filetype/inspector.svg");
+ --jp-icon-json: url("icons/filetype/json.svg");
+ --jp-icon-julia: url("icons/filetype/julia.svg");
+ --jp-icon-jupyter-favicon: url("icons/jupyter/jupyter-favicon.svg");
+ --jp-icon-jupyter: url("icons/jupyter/jupyter.svg");
+ --jp-icon-jupyterlab-wordmark: url("icons/jupyter/jupyterlab-wordmark.svg");
+ --jp-icon-kernel: url("icons/statusbar/kernel.svg");
+ --jp-icon-keyboard: url("icons/filetype/keyboard.svg");
+ --jp-icon-launcher: url("icons/filetype/launcher.svg");
+ --jp-icon-line-form: url("icons/statusbar/line-form.svg");
+ --jp-icon-link: url("icons/toolbar/link.svg");
+ --jp-icon-list: url("icons/statusbar/list.svg");
+ --jp-icon-listings-info: url("icons/listings/listings-info.svg");
+ --jp-icon-markdown: url("icons/filetype/markdown.svg");
+ --jp-icon-new-folder: url("icons/toolbar/new-folder.svg");
+ --jp-icon-not-trusted: url("icons/statusbar/not-trusted.svg");
+ --jp-icon-notebook: url("icons/filetype/notebook.svg");
+ --jp-icon-numbering: url("icons/toolbar/numbering.svg");
+ --jp-icon-offline-bolt: url("icons/toolbar/offline-bolt.svg");
+ --jp-icon-palette: url("icons/sidebar/palette.svg");
+ --jp-icon-paste: url("icons/toolbar/paste.svg");
+ --jp-icon-pdf: url("icons/filetype/pdf.svg");
+ --jp-icon-python: url("icons/filetype/python.svg");
+ --jp-icon-r-kernel: url("icons/filetype/r-kernel.svg");
+ --jp-icon-react: url("icons/filetype/react.svg");
+ --jp-icon-redo: url("icons/toolbar/redo.svg");
+ --jp-icon-refresh: url("icons/toolbar/refresh.svg");
+ --jp-icon-regex: url("icons/search/regex.svg");
+ --jp-icon-run: url("icons/toolbar/run.svg");
+ --jp-icon-running: url("icons/sidebar/running.svg");
+ --jp-icon-save: url("icons/toolbar/save.svg");
+ --jp-icon-search: url("icons/toolbar/search.svg");
+ --jp-icon-settings: url("icons/filetype/settings.svg");
+ --jp-icon-share: url("icons/sidebar/share.svg");
+ --jp-icon-spreadsheet: url("icons/filetype/spreadsheet.svg");
+ --jp-icon-stop: url("icons/toolbar/stop.svg");
+ --jp-icon-tab: url("icons/sidebar/tab.svg");
+ --jp-icon-table-rows: url("icons/toolbar/table-rows.svg");
+ --jp-icon-tag: url("icons/toolbar/tag.svg");
+ --jp-icon-terminal: url("icons/statusbar/terminal.svg");
+ --jp-icon-text-editor: url("icons/filetype/text-editor.svg");
+ --jp-icon-toc: url("icons/sidebar/toc.svg");
+ --jp-icon-tree-view: url("icons/toolbar/tree-view.svg");
+ --jp-icon-trusted: url("icons/statusbar/trusted.svg");
+ --jp-icon-undo: url("icons/toolbar/undo.svg");
+ --jp-icon-user: url("icons/sidebar/user.svg");
+ --jp-icon-vega: url("icons/filetype/vega.svg");
+ --jp-icon-yaml: url("icons/filetype/yaml.svg");
}
/* Icon CSS class declarations */
@@ -100,243 +100,323 @@
.jp-AddIcon {
background-image: var(--jp-icon-add);
}
+
.jp-BugDotIcon {
background-image: var(--jp-icon-bug-dot);
}
+
.jp-BugIcon {
background-image: var(--jp-icon-bug);
}
+
.jp-BuildIcon {
background-image: var(--jp-icon-build);
}
+
.jp-CaretDownEmptyIcon {
background-image: var(--jp-icon-caret-down-empty);
}
+
.jp-CaretDownEmptyThinIcon {
background-image: var(--jp-icon-caret-down-empty-thin);
}
+
.jp-CaretDownIcon {
background-image: var(--jp-icon-caret-down);
}
+
.jp-CaretLeftIcon {
background-image: var(--jp-icon-caret-left);
}
+
.jp-CaretRightIcon {
background-image: var(--jp-icon-caret-right);
}
+
.jp-CaretUpEmptyThinIcon {
background-image: var(--jp-icon-caret-up-empty-thin);
}
+
.jp-CaretUpIcon {
background-image: var(--jp-icon-caret-up);
}
+
.jp-CaseSensitiveIcon {
background-image: var(--jp-icon-case-sensitive);
}
+
.jp-CheckIcon {
background-image: var(--jp-icon-check);
}
+
.jp-CircleEmptyIcon {
background-image: var(--jp-icon-circle-empty);
}
+
.jp-CircleIcon {
background-image: var(--jp-icon-circle);
}
+
.jp-ClearIcon {
background-image: var(--jp-icon-clear);
}
+
.jp-CloseIcon {
background-image: var(--jp-icon-close);
}
+
.jp-CodeIcon {
background-image: var(--jp-icon-code);
}
+
.jp-ConsoleIcon {
background-image: var(--jp-icon-console);
}
+
.jp-CopyIcon {
background-image: var(--jp-icon-copy);
}
+
.jp-CopyrightIcon {
background-image: var(--jp-icon-copyright);
}
+
.jp-CutIcon {
background-image: var(--jp-icon-cut);
}
+
.jp-DownloadIcon {
background-image: var(--jp-icon-download);
}
+
.jp-EditIcon {
background-image: var(--jp-icon-edit);
}
+
.jp-EllipsesIcon {
background-image: var(--jp-icon-ellipses);
}
+
.jp-ExtensionIcon {
background-image: var(--jp-icon-extension);
}
+
.jp-FastForwardIcon {
background-image: var(--jp-icon-fast-forward);
}
+
.jp-FileIcon {
background-image: var(--jp-icon-file);
}
+
.jp-FileUploadIcon {
background-image: var(--jp-icon-file-upload);
}
+
.jp-FilterListIcon {
background-image: var(--jp-icon-filter-list);
}
+
.jp-FolderIcon {
background-image: var(--jp-icon-folder);
}
+
.jp-Html5Icon {
background-image: var(--jp-icon-html5);
}
+
.jp-ImageIcon {
background-image: var(--jp-icon-image);
}
+
.jp-InspectorIcon {
background-image: var(--jp-icon-inspector);
}
+
.jp-JsonIcon {
background-image: var(--jp-icon-json);
}
+
.jp-JuliaIcon {
background-image: var(--jp-icon-julia);
}
+
.jp-JupyterFaviconIcon {
background-image: var(--jp-icon-jupyter-favicon);
}
+
.jp-JupyterIcon {
background-image: var(--jp-icon-jupyter);
}
+
.jp-JupyterlabWordmarkIcon {
background-image: var(--jp-icon-jupyterlab-wordmark);
}
+
.jp-KernelIcon {
background-image: var(--jp-icon-kernel);
}
+
.jp-KeyboardIcon {
background-image: var(--jp-icon-keyboard);
}
+
.jp-LauncherIcon {
background-image: var(--jp-icon-launcher);
}
+
.jp-LineFormIcon {
background-image: var(--jp-icon-line-form);
}
+
.jp-LinkIcon {
background-image: var(--jp-icon-link);
}
+
.jp-ListIcon {
background-image: var(--jp-icon-list);
}
+
.jp-ListingsInfoIcon {
background-image: var(--jp-icon-listings-info);
}
+
.jp-MarkdownIcon {
background-image: var(--jp-icon-markdown);
}
+
.jp-NewFolderIcon {
background-image: var(--jp-icon-new-folder);
}
+
.jp-NotTrustedIcon {
background-image: var(--jp-icon-not-trusted);
}
+
.jp-NotebookIcon {
background-image: var(--jp-icon-notebook);
}
+
.jp-NumberingIcon {
background-image: var(--jp-icon-numbering);
}
+
.jp-OfflineBoltIcon {
background-image: var(--jp-icon-offline-bolt);
}
+
.jp-PaletteIcon {
background-image: var(--jp-icon-palette);
}
+
.jp-PasteIcon {
background-image: var(--jp-icon-paste);
}
+
.jp-PdfIcon {
background-image: var(--jp-icon-pdf);
}
+
.jp-PythonIcon {
background-image: var(--jp-icon-python);
}
+
.jp-RKernelIcon {
background-image: var(--jp-icon-r-kernel);
}
+
.jp-ReactIcon {
background-image: var(--jp-icon-react);
}
+
.jp-RedoIcon {
background-image: var(--jp-icon-redo);
}
+
.jp-RefreshIcon {
background-image: var(--jp-icon-refresh);
}
+
.jp-RegexIcon {
background-image: var(--jp-icon-regex);
}
+
.jp-RunIcon {
background-image: var(--jp-icon-run);
}
+
.jp-RunningIcon {
background-image: var(--jp-icon-running);
}
+
.jp-SaveIcon {
background-image: var(--jp-icon-save);
}
+
.jp-SearchIcon {
background-image: var(--jp-icon-search);
}
+
.jp-SettingsIcon {
background-image: var(--jp-icon-settings);
}
+
.jp-ShareIcon {
background-image: var(--jp-icon-share);
}
+
.jp-SpreadsheetIcon {
background-image: var(--jp-icon-spreadsheet);
}
+
.jp-StopIcon {
background-image: var(--jp-icon-stop);
}
+
.jp-TabIcon {
background-image: var(--jp-icon-tab);
}
+
.jp-TableRowsIcon {
background-image: var(--jp-icon-table-rows);
}
+
.jp-TagIcon {
background-image: var(--jp-icon-tag);
}
+
.jp-TerminalIcon {
background-image: var(--jp-icon-terminal);
}
+
.jp-TextEditorIcon {
background-image: var(--jp-icon-text-editor);
}
+
.jp-TocIcon {
background-image: var(--jp-icon-toc);
}
+
.jp-TreeViewIcon {
background-image: var(--jp-icon-tree-view);
}
+
.jp-TrustedIcon {
background-image: var(--jp-icon-trusted);
}
+
.jp-UndoIcon {
background-image: var(--jp-icon-undo);
}
+
.jp-UserIcon {
background-image: var(--jp-icon-user);
}
+
.jp-VegaIcon {
background-image: var(--jp-icon-vega);
}
+
.jp-YamlIcon {
background-image: var(--jp-icon-yaml);
}
diff --git a/packages/ui-components/style/deprecatedExtra.css b/packages/ui-components/style/deprecatedExtra.css
index 3481df8530..522699c810 100644
--- a/packages/ui-components/style/deprecatedExtra.css
+++ b/packages/ui-components/style/deprecatedExtra.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/**
* (DEPRECATED) Support for consuming icons as CSS background images
diff --git a/packages/ui-components/style/hoverbox.css b/packages/ui-components/style/hoverbox.css
index a9a6f64748..828b4bc2a1 100644
--- a/packages/ui-components/style/hoverbox.css
+++ b/packages/ui-components/style/hoverbox.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-HoverBox {
position: fixed;
diff --git a/packages/ui-components/style/icons.css b/packages/ui-components/style/icons.css
index 8af872e694..59a87ac269 100644
--- a/packages/ui-components/style/icons.css
+++ b/packages/ui-components/style/icons.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/**
* Support for icons as inline SVG HTMLElements
@@ -11,15 +11,19 @@
.jp-icon0[fill] {
fill: var(--jp-inverse-layout-color0);
}
+
.jp-icon1[fill] {
fill: var(--jp-inverse-layout-color1);
}
+
.jp-icon2[fill] {
fill: var(--jp-inverse-layout-color2);
}
+
.jp-icon3[fill] {
fill: var(--jp-inverse-layout-color3);
}
+
.jp-icon4[fill] {
fill: var(--jp-inverse-layout-color4);
}
@@ -27,31 +31,40 @@
.jp-icon0[stroke] {
stroke: var(--jp-inverse-layout-color0);
}
+
.jp-icon1[stroke] {
stroke: var(--jp-inverse-layout-color1);
}
+
.jp-icon2[stroke] {
stroke: var(--jp-inverse-layout-color2);
}
+
.jp-icon3[stroke] {
stroke: var(--jp-inverse-layout-color3);
}
+
.jp-icon4[stroke] {
stroke: var(--jp-inverse-layout-color4);
}
+
/* recolor the accent elements of an icon */
.jp-icon-accent0[fill] {
fill: var(--jp-layout-color0);
}
+
.jp-icon-accent1[fill] {
fill: var(--jp-layout-color1);
}
+
.jp-icon-accent2[fill] {
fill: var(--jp-layout-color2);
}
+
.jp-icon-accent3[fill] {
fill: var(--jp-layout-color3);
}
+
.jp-icon-accent4[fill] {
fill: var(--jp-layout-color4);
}
@@ -59,18 +72,23 @@
.jp-icon-accent0[stroke] {
stroke: var(--jp-layout-color0);
}
+
.jp-icon-accent1[stroke] {
stroke: var(--jp-layout-color1);
}
+
.jp-icon-accent2[stroke] {
stroke: var(--jp-layout-color2);
}
+
.jp-icon-accent3[stroke] {
stroke: var(--jp-layout-color3);
}
+
.jp-icon-accent4[stroke] {
stroke: var(--jp-layout-color4);
}
+
/* set the color of an icon to transparent */
.jp-icon-none[fill] {
fill: none;
@@ -79,19 +97,24 @@
.jp-icon-none[stroke] {
stroke: none;
}
+
/* brand icon colors. Same for light and dark */
.jp-icon-brand0[fill] {
fill: var(--jp-brand-color0);
}
+
.jp-icon-brand1[fill] {
fill: var(--jp-brand-color1);
}
+
.jp-icon-brand2[fill] {
fill: var(--jp-brand-color2);
}
+
.jp-icon-brand3[fill] {
fill: var(--jp-brand-color3);
}
+
.jp-icon-brand4[fill] {
fill: var(--jp-brand-color4);
}
@@ -99,28 +122,36 @@
.jp-icon-brand0[stroke] {
stroke: var(--jp-brand-color0);
}
+
.jp-icon-brand1[stroke] {
stroke: var(--jp-brand-color1);
}
+
.jp-icon-brand2[stroke] {
stroke: var(--jp-brand-color2);
}
+
.jp-icon-brand3[stroke] {
stroke: var(--jp-brand-color3);
}
+
.jp-icon-brand4[stroke] {
stroke: var(--jp-brand-color4);
}
+
/* warn icon colors. Same for light and dark */
.jp-icon-warn0[fill] {
fill: var(--jp-warn-color0);
}
+
.jp-icon-warn1[fill] {
fill: var(--jp-warn-color1);
}
+
.jp-icon-warn2[fill] {
fill: var(--jp-warn-color2);
}
+
.jp-icon-warn3[fill] {
fill: var(--jp-warn-color3);
}
@@ -128,25 +159,32 @@
.jp-icon-warn0[stroke] {
stroke: var(--jp-warn-color0);
}
+
.jp-icon-warn1[stroke] {
stroke: var(--jp-warn-color1);
}
+
.jp-icon-warn2[stroke] {
stroke: var(--jp-warn-color2);
}
+
.jp-icon-warn3[stroke] {
stroke: var(--jp-warn-color3);
}
+
/* icon colors that contrast well with each other and most backgrounds */
.jp-icon-contrast0[fill] {
fill: var(--jp-icon-contrast-color0);
}
+
.jp-icon-contrast1[fill] {
fill: var(--jp-icon-contrast-color1);
}
+
.jp-icon-contrast2[fill] {
fill: var(--jp-icon-contrast-color2);
}
+
.jp-icon-contrast3[fill] {
fill: var(--jp-icon-contrast-color3);
}
@@ -154,12 +192,15 @@
.jp-icon-contrast0[stroke] {
stroke: var(--jp-icon-contrast-color0);
}
+
.jp-icon-contrast1[stroke] {
stroke: var(--jp-icon-contrast-color1);
}
+
.jp-icon-contrast2[stroke] {
stroke: var(--jp-icon-contrast-color2);
}
+
.jp-icon-contrast3[stroke] {
stroke: var(--jp-icon-contrast-color3);
}
@@ -168,10 +209,8 @@
#setting-editor .jp-PluginList .jp-mod-selected .jp-icon-selectable[fill] {
fill: #fff;
}
-#setting-editor
- .jp-PluginList
- .jp-mod-selected
- .jp-icon-selectable-inverse[fill] {
+
+#setting-editor .jp-PluginList .jp-mod-selected .jp-icon-selectable-inverse[fill] {
fill: var(--jp-brand-color1);
}
@@ -179,6 +218,7 @@
.jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
fill: #fff;
}
+
.jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
fill: var(--jp-brand-color1);
}
@@ -191,19 +231,12 @@
#tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-selectable-inverse[fill] {
fill: var(--jp-brand-color1);
}
-#tab-manager
- .lm-TabBar-tab.jp-mod-active
- .jp-icon-hover
- :hover
- .jp-icon-selectable[fill] {
+
+#tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-hover :hover .jp-icon-selectable[fill] {
fill: var(--jp-brand-color1);
}
-#tab-manager
- .lm-TabBar-tab.jp-mod-active
- .jp-icon-hover
- :hover
- .jp-icon-selectable-inverse[fill] {
+#tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-hover :hover .jp-icon-selectable-inverse[fill] {
fill: #fff;
}
@@ -212,26 +245,15 @@
* of the close icon
* CSS for complex behavior of close icon of tabs in the sidebar tab manager
*/
-#tab-manager
- .lm-TabBar-tab.jp-mod-dirty
- > .lm-TabBar-tabCloseIcon
- > :not(:hover)
- > .jp-icon3[fill] {
+#tab-manager .lm-TabBar-tab.jp-mod-dirty > .lm-TabBar-tabCloseIcon > :not(:hover) > .jp-icon3[fill] {
fill: none;
}
-#tab-manager
- .lm-TabBar-tab.jp-mod-dirty
- > .lm-TabBar-tabCloseIcon
- > :not(:hover)
- > .jp-icon-busy[fill] {
+
+#tab-manager .lm-TabBar-tab.jp-mod-dirty > .lm-TabBar-tabCloseIcon > :not(:hover) > .jp-icon-busy[fill] {
fill: var(--jp-inverse-layout-color3);
}
-#tab-manager
- .lm-TabBar-tab.jp-mod-dirty.jp-mod-active
- > .lm-TabBar-tabCloseIcon
- > :not(:hover)
- > .jp-icon-busy[fill] {
+#tab-manager .lm-TabBar-tab.jp-mod-dirty.jp-mod-active > .lm-TabBar-tabCloseIcon > :not(:hover) > .jp-icon-busy[fill] {
fill: #fff;
}
@@ -240,18 +262,11 @@
* of the close icon
* CSS for complex behavior of close icon of tabs in the main area tabbar
*/
-.lm-DockPanel-tabBar
- .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
- > .lm-TabBar-tabCloseIcon
- > :not(:hover)
- > .jp-icon3[fill] {
+.lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty > .lm-TabBar-tabCloseIcon > :not(:hover) > .jp-icon3[fill] {
fill: none;
}
-.lm-DockPanel-tabBar
- .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
- > .lm-TabBar-tabCloseIcon
- > :not(:hover)
- > .jp-icon-busy[fill] {
+
+.lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty > .lm-TabBar-tabCloseIcon > :not(:hover) > .jp-icon-busy[fill] {
fill: var(--jp-inverse-layout-color3);
}
@@ -263,6 +278,7 @@
#jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
fill: var(--jp-brand-color1);
}
+
/* special handling for splash icon CSS. While the theme CSS reloads during
splash, the splash icon can loose theming. To prevent that, we set a
default for its color variable */
diff --git a/packages/ui-components/style/iconsalt.css b/packages/ui-components/style/iconsalt.css
index c47d7e361e..9f4320382f 100644
--- a/packages/ui-components/style/iconsalt.css
+++ b/packages/ui-components/style/iconsalt.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/**
* Support for alt colors for icons as inline SVG HTMLElements
@@ -11,15 +11,19 @@
.jp-icon-alt .jp-icon0[fill] {
fill: var(--jp-layout-color0);
}
+
.jp-icon-alt .jp-icon1[fill] {
fill: var(--jp-layout-color1);
}
+
.jp-icon-alt .jp-icon2[fill] {
fill: var(--jp-layout-color2);
}
+
.jp-icon-alt .jp-icon3[fill] {
fill: var(--jp-layout-color3);
}
+
.jp-icon-alt .jp-icon4[fill] {
fill: var(--jp-layout-color4);
}
@@ -27,15 +31,19 @@
.jp-icon-alt .jp-icon0[stroke] {
stroke: var(--jp-layout-color0);
}
+
.jp-icon-alt .jp-icon1[stroke] {
stroke: var(--jp-layout-color1);
}
+
.jp-icon-alt .jp-icon2[stroke] {
stroke: var(--jp-layout-color2);
}
+
.jp-icon-alt .jp-icon3[stroke] {
stroke: var(--jp-layout-color3);
}
+
.jp-icon-alt .jp-icon4[stroke] {
stroke: var(--jp-layout-color4);
}
@@ -44,15 +52,19 @@
.jp-icon-alt .jp-icon-accent0[fill] {
fill: var(--jp-inverse-layout-color0);
}
+
.jp-icon-alt .jp-icon-accent1[fill] {
fill: var(--jp-inverse-layout-color1);
}
+
.jp-icon-alt .jp-icon-accent2[fill] {
fill: var(--jp-inverse-layout-color2);
}
+
.jp-icon-alt .jp-icon-accent3[fill] {
fill: var(--jp-inverse-layout-color3);
}
+
.jp-icon-alt .jp-icon-accent4[fill] {
fill: var(--jp-inverse-layout-color4);
}
@@ -60,15 +72,19 @@
.jp-icon-alt .jp-icon-accent0[stroke] {
stroke: var(--jp-inverse-layout-color0);
}
+
.jp-icon-alt .jp-icon-accent1[stroke] {
stroke: var(--jp-inverse-layout-color1);
}
+
.jp-icon-alt .jp-icon-accent2[stroke] {
stroke: var(--jp-inverse-layout-color2);
}
+
.jp-icon-alt .jp-icon-accent3[stroke] {
stroke: var(--jp-inverse-layout-color3);
}
+
.jp-icon-alt .jp-icon-accent4[stroke] {
stroke: var(--jp-inverse-layout-color4);
}
diff --git a/packages/ui-components/style/iconshover.css b/packages/ui-components/style/iconshover.css
index 5eacc7201d..f99f09912f 100644
--- a/packages/ui-components/style/iconshover.css
+++ b/packages/ui-components/style/iconshover.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-icon-hoverShow:not(:hover) svg {
display: none !important;
@@ -19,15 +19,19 @@
.jp-icon-hover :hover .jp-icon0-hover[fill] {
fill: var(--jp-inverse-layout-color0);
}
+
.jp-icon-hover :hover .jp-icon1-hover[fill] {
fill: var(--jp-inverse-layout-color1);
}
+
.jp-icon-hover :hover .jp-icon2-hover[fill] {
fill: var(--jp-inverse-layout-color2);
}
+
.jp-icon-hover :hover .jp-icon3-hover[fill] {
fill: var(--jp-inverse-layout-color3);
}
+
.jp-icon-hover :hover .jp-icon4-hover[fill] {
fill: var(--jp-inverse-layout-color4);
}
@@ -35,15 +39,19 @@
.jp-icon-hover :hover .jp-icon0-hover[stroke] {
stroke: var(--jp-inverse-layout-color0);
}
+
.jp-icon-hover :hover .jp-icon1-hover[stroke] {
stroke: var(--jp-inverse-layout-color1);
}
+
.jp-icon-hover :hover .jp-icon2-hover[stroke] {
stroke: var(--jp-inverse-layout-color2);
}
+
.jp-icon-hover :hover .jp-icon3-hover[stroke] {
stroke: var(--jp-inverse-layout-color3);
}
+
.jp-icon-hover :hover .jp-icon4-hover[stroke] {
stroke: var(--jp-inverse-layout-color4);
}
@@ -52,15 +60,19 @@
.jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
fill: var(--jp-layout-color0);
}
+
.jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
fill: var(--jp-layout-color1);
}
+
.jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
fill: var(--jp-layout-color2);
}
+
.jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
fill: var(--jp-layout-color3);
}
+
.jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
fill: var(--jp-layout-color4);
}
@@ -68,15 +80,19 @@
.jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
stroke: var(--jp-layout-color0);
}
+
.jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
stroke: var(--jp-layout-color1);
}
+
.jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
stroke: var(--jp-layout-color2);
}
+
.jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
stroke: var(--jp-layout-color3);
}
+
.jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
stroke: var(--jp-layout-color4);
}
@@ -98,15 +114,19 @@
.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
fill: var(--jp-layout-color0);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
fill: var(--jp-layout-color1);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
fill: var(--jp-layout-color2);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
fill: var(--jp-layout-color3);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
fill: var(--jp-layout-color4);
}
@@ -114,15 +134,19 @@
.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
stroke: var(--jp-layout-color0);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
stroke: var(--jp-layout-color1);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
stroke: var(--jp-layout-color2);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
stroke: var(--jp-layout-color3);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
stroke: var(--jp-layout-color4);
}
@@ -131,15 +155,19 @@
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
fill: var(--jp-inverse-layout-color0);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
fill: var(--jp-inverse-layout-color1);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
fill: var(--jp-inverse-layout-color2);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
fill: var(--jp-inverse-layout-color3);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
fill: var(--jp-inverse-layout-color4);
}
@@ -147,15 +175,19 @@
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
stroke: var(--jp-inverse-layout-color0);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
stroke: var(--jp-inverse-layout-color1);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
stroke: var(--jp-inverse-layout-color2);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
stroke: var(--jp-inverse-layout-color3);
}
+
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
stroke: var(--jp-inverse-layout-color4);
}
diff --git a/packages/ui-components/style/iframe.css b/packages/ui-components/style/iframe.css
index 63bdaa07e3..1b55118089 100644
--- a/packages/ui-components/style/iframe.css
+++ b/packages/ui-components/style/iframe.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-IFrame {
width: 100%;
@@ -22,8 +22,8 @@ body.lm-mod-override-cursor .jp-IFrame {
position: relative;
}
-body.lm-mod-override-cursor .jp-IFrame:before {
- content: '';
+body.lm-mod-override-cursor .jp-IFrame::before {
+ content: "";
position: absolute;
top: 0;
left: 0;
diff --git a/packages/ui-components/style/index.css b/packages/ui-components/style/index.css
index 8fe68ab59e..82cac026dd 100644
--- a/packages/ui-components/style/index.css
+++ b/packages/ui-components/style/index.css
@@ -1,9 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("./base.css");
diff --git a/packages/ui-components/style/sidepanel.css b/packages/ui-components/style/sidepanel.css
index c16e192ce2..916749bc24 100644
--- a/packages/ui-components/style/sidepanel.css
+++ b/packages/ui-components/style/sidepanel.css
@@ -15,7 +15,7 @@
font-size: var(--jp-ui-font-size0);
font-weight: 600;
letter-spacing: 1px;
- margin: 0px;
+ margin: 0;
padding: 2px;
text-transform: uppercase;
}
@@ -36,7 +36,7 @@
.lm-AccordionPanel .jp-AccordionPanel-title {
box-sizing: border-box;
line-height: 25px;
- margin: 0px;
+ margin: 0;
display: flex;
align-items: center;
background: var(--jp-toolbar-background);
@@ -47,12 +47,12 @@
.jp-AccordionPanel-title {
user-select: none;
- -moz-user-select: none;
- -webkit-user-select: none;
+ user-select: none;
+ user-select: none;
text-transform: uppercase;
}
-.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
+.lm-AccordionPanel[data-orientation="horizontal"] > .jp-AccordionPanel-title {
/* Title is rotated for horizontal accordion panel using CSS */
display: block;
transform-origin: top left;
@@ -65,7 +65,7 @@
.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
transform: rotate(-90deg);
- margin: auto 0px;
+ margin: auto 0;
height: 16px;
}
diff --git a/packages/ui-components/style/spinner.css b/packages/ui-components/style/spinner.css
index ee5743ac91..c67a8a6f29 100644
--- a/packages/ui-components/style/spinner.css
+++ b/packages/ui-components/style/spinner.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-Spinner {
position: absolute;
@@ -26,32 +26,33 @@
height: 3em;
border-radius: 50%;
background: var(--jp-brand-color3);
- background: linear-gradient(
- to right,
- #f37626 10%,
- rgba(255, 255, 255, 0) 42%
- );
+ background:
+ linear-gradient(
+ to right,
+ #f37626 10%,
+ rgb(255 255 255 / 0%) 42%
+ );
position: relative;
animation: load3 1s infinite linear, fadeIn 1s;
}
-.jp-SpinnerContent:before {
+.jp-SpinnerContent::before {
width: 50%;
height: 50%;
background: #f37626;
- border-radius: 100% 0 0 0;
+ border-radius: 100% 0 0;
position: absolute;
top: 0;
left: 0;
- content: '';
+ content: "";
}
-.jp-SpinnerContent:after {
+.jp-SpinnerContent::after {
background: var(--jp-layout-color0);
width: 75%;
height: 75%;
border-radius: 50%;
- content: '';
+ content: "";
margin: auto;
position: absolute;
top: 0;
@@ -64,6 +65,7 @@
0% {
opacity: 0;
}
+
100% {
opacity: 1;
}
@@ -73,6 +75,7 @@
0% {
transform: rotate(0deg);
}
+
100% {
transform: rotate(360deg);
}
diff --git a/packages/ui-components/style/styling.css b/packages/ui-components/style/styling.css
index 3f1a57f61c..0998908a16 100644
--- a/packages/ui-components/style/styling.css
+++ b/packages/ui-components/style/styling.css
@@ -1,8 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
button.jp-mod-styled {
font-size: var(--jp-ui-font-size1);
@@ -12,12 +12,12 @@ button.jp-mod-styled {
text-align: center;
line-height: 32px;
height: 32px;
- padding: 0px 12px;
+ padding: 0 12px;
letter-spacing: 0.8px;
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
+ appearance: none;
}
input.jp-mod-styled {
@@ -31,14 +31,14 @@ input.jp-mod-styled {
color: var(--jp-ui-font-color0);
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
+ appearance: none;
}
-input[type='checkbox'].jp-mod-styled {
+input[type="checkbox"].jp-mod-styled {
+ appearance: checkbox;
+ appearance: checkbox;
appearance: checkbox;
- -webkit-appearance: checkbox;
- -moz-appearance: checkbox;
height: auto;
}
@@ -68,7 +68,7 @@ select.jp-mod-styled:hover {
cursor: pointer;
color: var(--jp-ui-font-color0);
background-color: var(--jp-input-hover-background);
- box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 0 1px rgb(0 0 0 / 50%);
}
select.jp-mod-styled {
@@ -80,9 +80,9 @@ select.jp-mod-styled {
color: var(--jp-ui-font-color0);
padding: 0 25px 0 8px;
border: var(--jp-border-width) solid var(--jp-input-border-color);
- border-radius: 0px;
+ border-radius: 0;
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
+ appearance: none;
}
diff --git a/packages/ui-components/style/switch.css b/packages/ui-components/style/switch.css
index 7c52aef313..605396289d 100644
--- a/packages/ui-components/style/switch.css
+++ b/packages/ui-components/style/switch.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-switch {
display: flex;
@@ -26,7 +26,7 @@
.jp-switch-track {
cursor: pointer;
background-color: var(--jp-border-color1);
- -webkit-transition: 0.4s;
+ transition: 0.4s;
transition: 0.4s;
border-radius: 34px;
height: 16px;
@@ -35,23 +35,23 @@
}
.jp-switch-track::before {
- content: '';
+ content: "";
position: absolute;
height: 10px;
width: 10px;
margin: 3px;
- left: 0px;
+ left: 0;
background-color: var(--jp-ui-inverse-font-color1);
- -webkit-transition: 0.4s;
+ transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
-.jp-switch[aria-checked='true'] .jp-switch-track {
+.jp-switch[aria-checked="true"] .jp-switch-track {
background-color: var(--jp-warn-color0);
}
-.jp-switch[aria-checked='true'] .jp-switch-track::before {
+.jp-switch[aria-checked="true"] .jp-switch-track::before {
/* track width (35) - margins (3 + 3) - thumb width (10) */
left: 19px;
}
diff --git a/packages/ui-components/style/toolbar.css b/packages/ui-components/style/toolbar.css
index 63b70db5ae..112ddac4c2 100644
--- a/packages/ui-components/style/toolbar.css
+++ b/packages/ui-components/style/toolbar.css
@@ -1,13 +1,14 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
:root {
- --jp-private-toolbar-height: calc(
- 28px + var(--jp-border-width)
- ); /* leave 28px for content */
+ --jp-private-toolbar-height:
+ calc(
+ 28px + var(--jp-border-width)
+ ); /* leave 28px for content */
}
.jp-Toolbar {
@@ -58,10 +59,10 @@ div.jp-ToolbarButton {
box-sizing: border-box;
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- padding: 0px;
- margin: 0px;
+ appearance: none;
+ appearance: none;
+ padding: 0;
+ margin: 0;
}
button.jp-ToolbarButtonComponent {
@@ -70,10 +71,10 @@ button.jp-ToolbarButtonComponent {
box-sizing: border-box;
outline: none;
appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- padding: 0px 6px;
- margin: 0px;
+ appearance: none;
+ appearance: none;
+ padding: 0 6px;
+ margin: 0;
height: 24px;
border-radius: var(--jp-border-radius);
display: flex;
@@ -89,7 +90,7 @@ button.jp-ToolbarButtonComponent:disabled {
}
button.jp-ToolbarButtonComponent span {
- padding: 0px;
+ padding: 0;
flex: 0 0 auto;
}
@@ -100,16 +101,12 @@ button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
color: var(--jp-ui-font-color1);
}
-#jp-main-dock-panel[data-mode='single-document']
- .jp-MainAreaWidget
- > .jp-Toolbar.jp-Toolbar-micro {
+#jp-main-dock-panel[data-mode="single-document"] .jp-MainAreaWidget > .jp-Toolbar.jp-Toolbar-micro {
padding: 0;
min-height: 0;
}
-#jp-main-dock-panel[data-mode='single-document']
- .jp-MainAreaWidget
- > .jp-Toolbar {
+#jp-main-dock-panel[data-mode="single-document"] .jp-MainAreaWidget > .jp-Toolbar {
border: none;
box-shadow: none;
}
diff --git a/packages/user-extension/style/base.css b/packages/user-extension/style/base.css
index 215ca5d2e7..ea4e246a67 100644
--- a/packages/user-extension/style/base.css
+++ b/packages/user-extension/style/base.css
@@ -1,4 +1,4 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
diff --git a/packages/user-extension/style/index.css b/packages/user-extension/style/index.css
index b24e6aa961..c05c1d1d76 100644
--- a/packages/user-extension/style/index.css
+++ b/packages/user-extension/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/user/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/user/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("./base.css");
diff --git a/packages/user/style/base.css b/packages/user/style/base.css
index 3717fcf067..d666bb81e0 100644
--- a/packages/user/style/base.css
+++ b/packages/user/style/base.css
@@ -1,6 +1,6 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
-@import url('./menu.css');
+@import url("./menu.css");
diff --git a/packages/user/style/index.css b/packages/user/style/index.css
index bd9f8cebad..40fad6362c 100644
--- a/packages/user/style/index.css
+++ b/packages/user/style/index.css
@@ -1,10 +1,9 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/ui-components/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("./base.css");
diff --git a/packages/user/style/menu.css b/packages/user/style/menu.css
index c664fd03f9..f660ff9f2d 100644
--- a/packages/user/style/menu.css
+++ b/packages/user/style/menu.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-MenuBar-label {
margin-left: 25px;
diff --git a/packages/vdom-extension/style/index.css b/packages/vdom-extension/style/index.css
index 55a3aa6073..599d617baf 100644
--- a/packages/vdom-extension/style/index.css
+++ b/packages/vdom-extension/style/index.css
@@ -1,13 +1,13 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@jupyterlab/ui-components/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/rendermime/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-@import url('~@jupyterlab/application/style/index.css');
-@import url('~@jupyterlab/notebook/style/index.css');
-@import url('~@jupyterlab/vdom/style/index.css');
+@import url("~@jupyterlab/ui-components/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/rendermime/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("~@jupyterlab/application/style/index.css");
+@import url("~@jupyterlab/notebook/style/index.css");
+@import url("~@jupyterlab/vdom/style/index.css");
diff --git a/packages/vdom/style/index.css b/packages/vdom/style/index.css
index a634b5e555..dfa312c64f 100644
--- a/packages/vdom/style/index.css
+++ b/packages/vdom/style/index.css
@@ -1,11 +1,10 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-@import url('~@jupyterlab/apputils/style/index.css');
-@import url('~@jupyterlab/docregistry/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("~@jupyterlab/apputils/style/index.css");
+@import url("~@jupyterlab/docregistry/style/index.css");
+@import url("./base.css");
diff --git a/packages/vega5-extension/style/base.css b/packages/vega5-extension/style/base.css
index d6665d0b8c..8e8f73f093 100644
--- a/packages/vega5-extension/style/base.css
+++ b/packages/vega5-extension/style/base.css
@@ -1,7 +1,7 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
.jp-RenderedVegaCommon4 {
margin-left: 8px;
diff --git a/packages/vega5-extension/style/index.css b/packages/vega5-extension/style/index.css
index 8fe68ab59e..82cac026dd 100644
--- a/packages/vega5-extension/style/index.css
+++ b/packages/vega5-extension/style/index.css
@@ -1,9 +1,8 @@
-/*-----------------------------------------------------------------------------
+/* -----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
-|----------------------------------------------------------------------------*/
+|---------------------------------------------------------------------------- */
/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
-@import url('~@lumino/widgets/style/index.css');
-
-@import url('./base.css');
+@import url("~@lumino/widgets/style/index.css");
+@import url("./base.css");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment