@lvce-editor/server 0.14.0 → 0.14.2

package/static/5a94137/css/App.css

@@ -1,799 +0,0 @@
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/*
-Document
-========
-*/
-
-/**
-Use a better box model (opinionated).
-*/
-
-*,
-::before,
-::after {
-	box-sizing: border-box;
-}
-
-/**
-Use a more readable tab size (opinionated).
-*/
-
-html {
-	-moz-tab-size: 4;
-	tab-size: 4;
-}
-
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-*/
-
-html {
-	line-height: 1.15; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/*
-Sections
-========
-*/
-
-/**
-Remove the margin in all browsers.
-*/
-
-body {
-	margin: 0;
-}
-
-/**
-Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-*/
-
-body {
-	font-family:
-		system-ui,
-		-apple-system, /* Firefox supports this but not yet `system-ui` */
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji';
-}
-
-/*
-Grouping content
-================
-*/
-
-/**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-*/
-
-hr {
-	height: 0; /* 1 */
-	color: inherit; /* 2 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-	text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-	font-weight: bolder;
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-	font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
-	font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-	font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-}
-
-sub {
-	bottom: -0.25em;
-}
-
-sup {
-	top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-	text-indent: 0; /* 1 */
-	border-color: inherit; /* 2 */
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-1. Remove the inheritance of text transform in Firefox.
-*/
-
-button,
-select { /* 1 */
-	text-transform: none;
-}
-
-/**
-Correct the inability to style clickable types in iOS and Safari.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-	-webkit-appearance: button;
-}
-
-/**
-Remove the inner border and padding in Firefox.
-*/
-
-::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-}
-
-/**
-Restore the focus styles unset by the previous rule.
-*/
-
-:-moz-focusring {
-	outline: 1px dotted ButtonText;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-	box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-	padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-	vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-	height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-	-webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-	display: list-item;
-}
-
-body {
-  margin: 0;
-}
-.Terminal {
-  position: relative;
-  contain: strict;
-  width: 780px;
-  height: 625px;
-  background: black;
-}
-
-.Layers {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-.TerminalCanvasText,
-.TerminalCanvasCursor {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.TerminalCanvasCursor {
-  opacity: 0.5;
-}
-
-.TerminalTextArea {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-  border: none;
-  outline: none;
-  padding: 0;
-  margin: 0;
-}
-
-/*************/
-/* __Theme.css */
-/*************/
-:root {
-  /* TODO sizes is not theme */
-  --EditorFontSize: 16px;
-  --EditorLineHeight: 20px;
-  --EditorFontFamily: 'Fira Code', monospace;
-}
-/*************/
-/* _Global.css */
-/*************/
-@font-face {
-  font-family: 'Fira Code';
-  src: url(/5a94137/fonts/FiraCode-VariableFont.ttf) format('truetype');
-}
-
-/* TODO check if contain strict also makes sense for html and body */
-
-html,
-body {
-  height: 100%;
-  contain: strict;
-}
-
-body {
-  font-family: system-ui, Ubuntu, Droid Sans, sans-serif;
-  user-select: none;
-  color: var(--WorkbenchForeground);
-}
-
-#Workbench {
-  width: 100%;
-  height: 100%;
-  contain: strict;
-  font-size: 13px;
-  line-height: 1.4;
-}
-
-#TitleBar,
-#SideBar,
-#Main,
-#ActivityBar,
-#Panel,
-#StatusBar {
-  /*
-   * not sure why this works, but position fixed combined with backface
-   * visibility hidden gives great rendering performance,
-   * see also https://benfrain.com/improving-css-performance-fixed-position-elements/
-   *
-   *
-   * typing benchmark (before):
-   * 216ms scripting
-   * 62ms rendering
-   * 26ms painting
-   * 100ms system
-   *
-   * typing benchmark (after):
-   * 189ms scripting
-   * 117ms rendering
-   * 41ms painting
-   * 122ms system
-   */
-  position: fixed;
-  backface-visibility: hidden;
-  transform: translateZ(0);
-}
-
-#ActivityBar {
-  background: var(--ActivityBarBackground);
-}
-
-#SideBar {
-  background: var(--SideBarBackground, rgb(30, 35, 36));
-}
-
-#Main {
-  background: var(--MainBackground);
-}
-
-#StatusBar {
-  background: var(--StatusBarBackground);
-}
-
-#TitleBar {
-  background: rgb(40, 46, 47);
-  background: var(--TitleBarBackground);
-}
-
-#Panel {
-  background: var(--PanelBackground);
-}
-
-.Hidden {
-  display: none !important;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/*
- * Using the will-change attribute creates a separate layer.
- * Updating that layer will be faster since only that layer needs style recalculation and repainting (instead of the whole page)
- * However this hack should be used sparingly since too many layers can have negative impact for performance
- */
-.TransformHack {
-  /* will-change: transform;
-  contain: strict; */
-}
-/*************/
-/* AriaAlert.css */
-/*************/
-/* Alert  */
-.AriaAlert {
-  position: absolute;
-  left: -999em;
-  top: 0;
-}
-
-.AriaContainer {
-  width: 0;
-  height: 0;
-}
-/*************/
-/* Menu.css */
-/*************/
-/* based on https://github.com/microsoft/vscode/blob/91687c47955bd84db607ef8aaf24b7cf35bfd1ad/src/vs/base/browser/ui/menu/menu.ts#L1005 by Microsoft (License MIT) */
-
-.Menu {
-  top: 0;
-  left: 0;
-  position: absolute;
-  background: var(--MenuBackground, rgb(60, 60, 60));
-  color: var(--MenuForeground, white);
-  box-shadow: var(--MenuBoxShadow, rgb(0 0 0 / 36%) 0px 2px 8px);
-  user-select: none;
-  min-width: 150px;
-  /* width: 150px; */
-  margin: 0;
-  padding: 4px 0;
-  font-size: 13px;
-  z-index: 1;
-  outline: none;
-  pointer-events: auto;
-  border-radius: 5px;
-}
-
-.MenuItem {
-  /* border: thin solid transparent; */
-  /* TODO using px and rem -> decide */
-  height: 26px;
-  padding: 0 28px;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  position: relative;
-  outline: none;
-  display: flex;
-  contain: content;
-  margin: 0 4px;
-  border-radius: 4px;
-}
-
-.MenuItem.Focused {
-  background: var(--MenuItemHoverBackground, #687f7b33);
-  color: var(--MenuItemHoverForeground, inherit);
-  outline: none;
-}
-
-.MenuItem[aria-checked='true']::before {
-  content: '';
-  position: absolute;
-  top: calc((1.8rem - 0.75rem) / 2);
-  left: calc((1.8rem - 0.75rem) / 2);
-  width: 0.75rem;
-  height: 0.75rem;
-  background: orchid;
-  -webkit-mask-image: url(/5a94137/icons/check.svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-  -webkit-mask-size: 0.75rem;
-  mask-size: 0.75rem;
-  background: currentColor;
-}
-
-.MenuItem[aria-haspopup='true']::after {
-  width: 16px;
-  height: 16px;
-  content: '';
-  display: block;
-  -webkit-mask-image: url(/5a94137/icons/chevron-right.svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-  -webkit-mask-size: 100%;
-  mask-size: 100%;
-  background: currentColor;
-  margin-left: auto;
-  margin-right: -20px;
-}
-
-.MenuItem[disabled] {
-  opacity: 0.4;
-}
-
-.MenuItemSeparator {
-  height: 11px;
-  position: relative;
-  contain: strict;
-}
-
-.MenuItemSeparator::after {
-  position: absolute;
-  content: '';
-  display: block;
-  width: 100%;
-  height: 1px;
-  background: #606060;
-  top: 50%;
-  left: 50%;
-  translate: -50% -50%;
-}
-/*************/
-/* Notification.css */
-/*************/
-/* #Notifications {
-  width: 100%;
-  height: 100%;
-} */
-
-.Notification {
-  color: white;
-  background: red;
-  z-index: 999;
-  background: black;
-  pointer-events: all;
-  position: fixed;
-  right: 30px;
-  bottom: 30px;
-  width: 250px;
-  height: 75px;
-  padding: 10px 5px;
-  background: rgb(40, 46, 47);
-  box-shadow: rgb(0 0 0 / 36%) 0px 0px 8px 2px;
-}
-
-.NotificationMessage {
-  line-height: 22px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  flex: 1;
-  user-select: text;
-  margin: 0;
-  padding: 0;
-}
-
-.NotificationOption {
-  color: rgb(255, 255, 255);
-  background-color: rgb(47, 98, 96);
-  width: fit-content;
-  width: -moz-fit-content;
-  padding: 5px 10px;
-  display: inline-block;
-  font-size: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-  display: flex;
-  width: 100%;
-  padding: 4px;
-  text-align: center;
-  cursor: pointer;
-  justify-content: center;
-  align-items: center;
-}
-/*************/
-/* ViewletLayout.css */
-/*************/
-.SashHorizontal,
-.SashVertical {
-  position: fixed;
-  contain: strict;
-  z-index: 1;
-}
-
-.SashHorizontal {
-  height: 4px;
-  cursor: row-resize;
-}
-
-.SashVertical {
-  width: 4px;
-  cursor: col-resize;
-}
-
-.SashVisible {
-  display: flex;
-  justify-content: center;
-}
-
-.SashVerticalContent,
-.SashHorizontalContent {
-  background: #444444;
-}
-
-.SashVerticalContent {
-  width: 1px;
-  height: 100%;
-}
-
-.SashHorizontalContent {
-  width: 100%;
-  height: 1px;
-}
-/*************/
-/* Viewlet.css */
-/*************/
-.Viewlet {
-  contain: strict;
-  flex: 1;
-}
-
-.ViewletError {
-  color: lightgray;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 1rem;
-  width: 100%;
-  text-align: center;
-}
-/*************/
-/* ContextMenu.css */
-/*************/
-:root {
-  --ContextMenuBackground: rgb(60, 60, 60);
-}
-
-#ContextMenu {
-  top: 0;
-  left: 0;
-  position: absolute;
-  background: var(--ContextMenuBackground);
-  color: var(--ContextMenuForeground, white);
-  box-shadow: var(--MenuBoxShadow, rgb(0, 0, 0) 0px 2px 4px);
-  user-select: none;
-  min-width: 150px;
-  margin: 0;
-  padding: 10px 0;
-  font-size: 13px;
-  z-index: 1;
-  outline: none;
-  pointer-events: all;
-  contain: strict;
-}
-
-#MenuBackDrop {
-  position: fixed;
-  cursor: initial;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  pointer-events: all;
-}
-/*************/
-/* Widgets.css */
-/*************/
-#Widgets {
-  contain: strict;
-  position: fixed;
-  top: 0;
-  left: 0;
-  inset: 0;
-  pointer-events: none;
-  z-index: 1;
-}
-
-/* TODO maybe hide widgets container if empty*/
-#Widgets:empty {
-  display: none;
-}
-/*************/
-/* Mobile.css */
-/*************/
-body {
-  /* Disables pull-to-refresh since it interferes with scrolling */
-  overscroll-behavior: contain;
-
-  /* Disable tap highlight on chrome android */
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-tap-highlight-color: transparent;
-}
-
-@media screen and (max-width: 600px) {
-  #QuickPick {
-    right: 0;
-    left: 0;
-    margin-right: auto;
-    margin-left: auto;
-    width: 90%;
-  }
-}
-
-@media screen and (max-width: 600px) {
-  #QuickPick {
-    right: 0;
-    left: 0;
-    margin-right: auto;
-    margin-left: auto;
-    width: 90%;
-  }
-}
-/*************/
-/* BackDrop.css */
-/*************/
-#BackDrop {
-  position: fixed;
-  cursor: initial;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  pointer-events: all;
-}
-/*************/
-/* Focus.css */
-/*************/
-/* TODO hide outline on click */
-
-/* [tabindex='0']:focus-visible,
-[tabindex='0']:focus,
-[tabindex='-1']:focus-visible {
-  outline: var(--FocusOutline);
-  outline-offset: -1px;
-  outline-style: solid;
-  outline-width: 1px;
-} */
-
-* {
-  outline: none;
-}
-
-.InputBox:focus {
-  border-color: var(--FocusOutline);
-}
-
-.FocusOutline {
-  outline: var(--FocusOutline);
-  outline-offset: -1px;
-  outline-style: solid;
-  outline-width: 1px;
-}