@finos/perspective-viewer/src/themes/material-dense.less

The `<perspective-viewer>` Custom Element, frontend for Perspective.js

/******************************************************************************
 *
 * 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 "../less/fonts";
@import (reference) "material";

.perspective-viewer-material-dense-base {
    --side_panel--padding: 12px 0px 6px 8px;
    --top_panel--padding: 0px 0px 12px 0px;
    --column-drop-label--margin: -10px 0px 0px 0px;
    --settings-button--padding: 15px 8px 6px 8px;
    --column-drop-label--font-size: 8px;
    --column_selector--width: 24px;
}

perspective-column-style.light,
perspective-expression-editor.light {
    background-color: #ffffff;
    color: #161616;
    border: 1px solid #ccc;
    --input--border-color: #ccc;
    --active-color: @blue500;
}

perspective-viewer,
.perspective-viewer-material-dense {
    .perspective-viewer-material();
    .perspective-viewer-material-dense-base();
}