@finos/perspective-viewer/dist/umd/material.css

/******************************************************************************
 *
 * Copyright (c) 2017, the Perspective Authors.
 *
 * This file is part of the Perspective library, distributed under the terms of
 * the Apache License 2.0.  The full license can be found in the LICENSE file.
 *
 */
@import url("https://fonts.googleapis.com/css?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;400&display=swap");
@import url("https://unpkg.com/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css");
/******************************************************************************
 *
 * Copyright (c) 2017, the Perspective Authors.
 *
 * This file is part of the Perspective library, distributed under the terms of
 * the Apache License 2.0.  The full license can be found in the LICENSE file.
 *
 */
perspective-viewer,
.perspective-viewer-material {
  background-color: #F2F4F6;
  font-family: "Open Sans";
  --rt-pos-cell--color: #338DCD;
  --rt-neg-cell--color: #ff471e;
  --interface--font-family: "Open Sans";
  --interface-monospace--font-family: "Roboto Mono";
  --inactive-column-selector--content: "\E835";
  --active-column-selector--content: "\E834";
  --column--background: #F2F4F6;
  --plugin--background: #FFFFFF;
  --column--height: 21px;
  --active-column--height: 51px;
  --inactive-column--height: 24px;
  --active-columns--justify-content: space-evenly;
  --inactive-column--opacity: 0.3;
  --null--background: rgba(0, 0, 0, 0.02);
  --null--box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --float--column-type--color: #2670A9;
  --string--column-type--color: #E32B16;
  --settings-button--content: "more_vert";
  --button--font-family: "Material Icons";
  --overflow_hint--before: "error_outline";
  --overflow_hint--font-family: "Material Icons";
  --overflow_hint--color: rgba(0, 0, 0, 0.2);
  --overflow_hint--padding: 0 12px 0 6px;
  --row_draggable-last-child-border-color: transparent;
  --row_pivots--before: "Group By";
  --column_pivots--before: "Split By";
  --sort-order-asc--before: "arrow_upward";
  --sort-order-desc--before: "arrow_downward";
  --sort-order-none--before: "remove";
  --close_button--before: "close";
  --sort-order-col-asc--before: "arrow_back";
  --sort-order-col-desc--before: "arrow_forward";
  --select--background-color: none;
  --select--padding: 0px;
  --column-drop-container--background: none;
  --column-drop-container--padding: 0px;
  --column-drop-container--margin: 24px 24px 0px 0px;
  --column-drop-label--margin: -12px 0px 0px 0px;
  --column-drop-label--font-size: 10px;
  --column-drop-label--display: inline-block;
  --column-container--margin: 18px 0px 0px 0px;
  --column-add--font-family: "Material Icons";
  --column-add--before: "add";
  --column-close--font-family: "Material Icons";
  --column-close--before: "close";
  --column-hide--before: "expand_more";
  --column_type--padding: 0px 0px 0px 0px;
  --column_type--width: 25px;
  --column-selector--font-family: "Material Icons";
  --active-column-selector--height: 45px;
  --column_selector--width: 31px;
  --column_selector--font-size: 16px;
  --side_panel--padding: 24px 16px 24px 17px;
  --button--padding: 24px 17px 0px 17px;
  --button--font-size: 16px;
  --top_panel--padding: 0px 0px 24px 0px;
  --top-panel-row--display: inline-flex;
  --d3fc-treedata-axis--lines: none;
  --d3fc-y1-label--font-family: "Material Icons";
  --d3fc-y1-label--content: "arrow_upward";
  --d3fc-y2-label--font-family: "Material Icons";
  --d3fc-y2-label--content: "arrow_downward";
  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);
  --d3fc-tooltip--color: #161616;
  --d3fc-tooltip--border-color: #fff;
  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --d3fc-gridline--color: #eaedef;
  --d3fc-axis--ticks: #161616;
  --d3fc-axis--lines: #C5C9D0;
  --d3fc-legend--background: rgba(255, 255, 255, 0.8);
  --active--color: #2670A9;
}
perspective-viewer regular-table::-webkit-scrollbar-thumb,
.perspective-viewer-material regular-table::-webkit-scrollbar-thumb {
  background-color: #E0E4E9;
}
perspective-viewer regular-table,
.perspective-viewer-material regular-table {
  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);
  -webkit-mask-position: -12px -12px, bottom right, bottom right;
  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;
  -webkit-mask-repeat: no-repeat;
  transition: -webkit-mask-position 0.3s;
}
perspective-viewer regular-table:hover,
.perspective-viewer-material regular-table:hover {
  -webkit-mask-position: -12px -12px, top right, bottom left;
}
perspective-column-style,
perspective-expression-editor {
  background-color: #FFFFFF;
  color: #161616;
  border: 1px solid #E0E4E9;
  --input--border-color: #E0E4E9;
  --active-color: #2670A9;
}