xframelib 0.7.5 → 0.7.7

package/dist/assets/output-ad5f5cbf.css

@@ -1,307 +0,0 @@
-.splitpanes {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.splitpanes--vertical {
-  flex-direction: row;
-}
-.splitpanes--horizontal {
-  flex-direction: column;
-}
-.splitpanes--dragging * {
-  user-select: none;
-}
-.splitpanes__pane {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-.splitpanes--vertical .splitpanes__pane {
-  transition: width 0.2s ease-out;
-}
-.splitpanes--horizontal .splitpanes__pane {
-  transition: height 0.2s ease-out;
-}
-.splitpanes--dragging .splitpanes__pane {
-  transition: none;
-}
-.splitpanes__splitter {
-  touch-action: none;
-}
-.splitpanes--vertical > .splitpanes__splitter {
-  min-width: 1px;
-  cursor: col-resize;
-}
-.splitpanes--horizontal > .splitpanes__splitter {
-  min-height: 1px;
-  cursor: row-resize;
-}
-
-.splitpanes.default-theme .splitpanes__pane {
-  background-color: #f2f2f2;
-}
-.splitpanes.default-theme .splitpanes__splitter {
-  background-color: #fff;
-  box-sizing: border-box;
-  position: relative;
-  flex-shrink: 0;
-}
-.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  background-color: rgba(0, 0, 0, 0.15);
-  transition: background-color 0.3s;
-}
-.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
-  background-color: rgba(0, 0, 0, 0.25);
-}
-.splitpanes.default-theme .splitpanes__splitter:first-child {
-  cursor: auto;
-}
-
-.default-theme.splitpanes .splitpanes .splitpanes__splitter {
-  z-index: 1;
-}
-.default-theme.splitpanes--vertical > .splitpanes__splitter,
-.default-theme .splitpanes--vertical > .splitpanes__splitter {
-  width: 7px;
-  border-left: 1px solid #eee;
-  margin-left: -1px;
-}
-.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
-.default-theme .splitpanes--vertical > .splitpanes__splitter:before,
-.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
-  transform: translateY(-50%);
-  width: 1px;
-  height: 30px;
-}
-.default-theme.splitpanes--vertical > .splitpanes__splitter:before,
-.default-theme .splitpanes--vertical > .splitpanes__splitter:before {
-  margin-left: -2px;
-}
-.default-theme.splitpanes--vertical > .splitpanes__splitter:after,
-.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
-  margin-left: 1px;
-}
-.default-theme.splitpanes--horizontal > .splitpanes__splitter,
-.default-theme .splitpanes--horizontal > .splitpanes__splitter {
-  height: 7px;
-  border-top: 1px solid #eee;
-  margin-top: -1px;
-}
-.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
-.default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
-.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
-  transform: translateX(-50%);
-  width: 30px;
-  height: 1px;
-}
-.default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
-.default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
-  margin-top: -2px;
-}
-.default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
-.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
-  margin-top: 1px;
-}
-
-.vcpg {
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  width: 100%;
-}
-.vcpg ::v-deep(.vcp) * {
-  box-sizing: border-box;
-}
-.vcpg ::v-deep(.vcp) .vcp__header {
-  background-color: var(--bg-color-header);
-  height: 30px;
-  border-bottom: 2px solid #c6bebd;
-  transition: background-color 0.3s ease;
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
-  background-color: var(--bg-color-header-hover);
-}
-.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
-  background-color: var(--bg-color-header-active);
-}
-.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
-  border-top: 2px solid var(--border-color);
-}
-.vcpg ::v-deep(.vcp) .vcp__header-title {
-  font-weight: 500;
-}
-.vcpg ::v-deep(.vcp) .vcp__body {
-  border-top: 1px solid var(--border-color);
-  background-color: var(--bg-color-body);
-}
-
-.vcp__header {
-  display: flex;
-  padding: 12px;
-  pointer-events: none;
-}
-.vcp--expandable .vcp__header {
-  pointer-events: auto;
-  cursor: pointer;
-}
-.vcp__header-title {
-  display: flex;
-  align-items: center;
-  flex: 1;
-}
-.vcp__header-icon {
-  display: flex;
-  align-items: center;
-  transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp--expanded .vcp__header-icon {
-  transform-origin: center;
-  transform: rotate(180deg);
-}
-.vcp__header-icon > span {
-  display: flex;
-  height: 24px;
-  width: 24px;
-}
-.vcp__header-icon ::v-deep(svg) {
-  height: 100%;
-  width: 100%;
-}
-.vcp__body {
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
-}
-.vcp__body-content {
-  padding: 12px;
-}
-
-.slide-enter-from,
-.slide-leave-to {
-  opacity: 0.25;
-}
-
-.window {
-  display: flex;
-  flex-flow: column;
-  position: absolute;
-  border-radius: 4pt 4pt 0 0;
-}
-
-.titlebar {
-  display: flex;
-  flex-flow: row nowrap;
-  border-radius: 4pt 4pt 0 0;
-  font-family: sans-serif;
-  padding: 0.5em;
-  flex: 0 0 auto;
-}
-
-.title {
-  flex-grow: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.content {
-  flex-grow: 1;
-  padding: 0.5em;
-}
-
-.draggable-handle {
-  cursor: move;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: 0.2s;
-}
-
-.layoutContainer {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  --layout-top-zindex: 100;
-  --layout-bottom-zindex: 100;
-  --layout-centermain-zindex:70;
-  --layout-centerback-zindex: 80;
-  --layout-centerfront-zindex: 90;
-  --layout-left-zindex: 100;
-  --layout-right-zindex: 100;
-}
-
-.topContainer {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  z-index: var(--layout-top-zindex);
-}
-
-.bottomContainer {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 100%;
-  z-index: var(--layout-bottom-zindex);
-}
-
-.leftContainer {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: var(--layout-left-zindex);
-  height: 100%;
-}
-
-.rightContainer {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  z-index: var(--layout-right-zindex);
-  height: 100%;
-}
-
-.centerdiv {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  background-color: transparent;
-  overflow: hidden;
-}
-
-.mainContainer {
-  bottom: 0;
-  width: 100%;
-  z-index: var(--layout-centermain-zindex);
-}
-
-.backContainer {
-  z-index: var(--layout-centerback-zindex);
-}
-
-.centerFrontContainer {
-  z-index: var(--layout-centerfront-zindex);
-}
-
-.btn {
-  background-color: transparent;
-  border: none;
-  font-size: medium;
-  margin: 0;
-  padding: 0 0.25em;
-  border-radius: 4pt;
-}