perspective/packages/perspective-viewer/src/themes/material.less at 91735c3b2ee42777aab6607362a3c43c9d1de950 · perspective-dev/perspective · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/******************************************************************************
 *
 * 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 "../less/variables";

perspective-viewer, .perspective-viewer-material {
    .perspective-viewer-material-base();
    --active--color: @blue800;
}

.perspective-viewer-material-base() {
    font-family: "Open Sans";

    --interface--font-family: "Open Sans";
    --interface-monospace--font-family: "Roboto Mono";
    --inactive-column-selector--content: "\E835";
    --active-column-selector--content: "\E834";
    --column--background: none;
    --column--height: 21px;
    --active-column--height: 51px;
    --inactive-column--height: 24px;
    --active-columns--justify-content: space-evenly;
    --inactive-column--opacity: 0.3;

    --float--column-type--color: @blue800;
    --string--column-type--color: rgb(255,136,136);

    --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;

    --copy_button--before: "file_copy";
    --download_button--before: "save_alt";
    --reset_button--before: "refresh";
    --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: 24px 0px 0px 0px;

    // "New Column" icon
    --column-add--font-family: "Material Icons";
    --column-add--before: "add";

    // close "New Column" icon
    --column-close--font-family: "Material Icons";
    --column-close--before: "close";

    --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 24px 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;
}