UNPKG

3.64 kBSCSSView Raw
1// Sizing
2$grid-size: 4px !default;
3$icon-size: 16px !default;
4
5// these three should be changed in envronment.ts, too
6$row-height: $grid-size * 7 !default;
7$header-height: $grid-size * 8 !default;
8$virtual-item-height: $grid-size * 7;
9
10$toolpanel-indent-size: $grid-size + $icon-size !default;
11$row-group-indent-size: $grid-size * 3 + $icon-size !default;
12$cell-horizontal-padding: $grid-size * 3 !default;
13
14$header-icon-size: 14px !default;
15$border-radius: 2px;
16
17// Icons
18$icons-path: "./balham-icons/" !default;
19
20// Fonts
21$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
22
23$font-size: 12px !default;
24$font-weight: 400 !default;
25
26$secondary-font-family: $font-family !default; //font-secondary
27$secondary-font-size: 12px !default; // font-secondary-size
28$secondary-font-weight: 600 !default; // font-secondary-weight
29
30$transition-speed: 120ms !default;
31
32$params: (
33 default-background: $default-background,
34 grid-size: $grid-size,
35 icon-size: $icon-size,
36 header-background-color: $header-background-color,
37 header-icon-size: $header-icon-size,
38 row-height: $row-height,
39 header-height: $header-height,
40 virtual-item-height: $virtual-item-height,
41 rich-select-item-height: $row-height,
42 cell-horizontal-padding: $cell-horizontal-padding,
43 toolpanel-indent-size: $toolpanel-indent-size,
44 row-group-indent-size: $row-group-indent-size,
45 icons-path: $icons-path,
46 font-family: $font-family,
47 font-size: $font-size,
48 font-weight: $font-weight,
49 secondary-font-family: $secondary-font-family,
50 secondary-font-size: $secondary-font-size,
51 secondary-font-weight: $secondary-font-weight,
52 foreground-color: $foreground-color,
53 foreground-opacity: $foreground-opacity,
54 secondary-foreground-color-opacity: $secondary-foreground-color-opacity,
55 secondary-foreground-color: $secondary-foreground-color,
56 disabled-foreground-color-opacity: $disabled-foreground-color-opacity,
57 disabled-foreground-color: $disabled-foreground-color,
58 background-color: $background-color,
59 border-color: $border-color,
60 icon-color: $icon-color,
61 alt-icon-color: $alt-icon-color,
62 cell-data-changed-color: $cell-data-changed-color,
63 chip-background-color: $chip-background-color,
64 card-background-color: $background-color,
65 editor-background-color-color: $editor-background-color,
66 range-selection-background-color: $range-selection-background-color,
67 range-selection-highlight-color: $range-selection-highlight-color,
68 panel-background-color: $panel-background-color,
69 tool-panel-background-color: $tool-panel-background-color,
70 accent-color: $accent-color,
71 primary-color: $primary-color,
72 hover-color: $hover-color,
73 selected-color: $selected-color,
74 icon-opacity: $foreground-opacity,
75 button-text-transform: uppercase,
76 card-radius: 2px,
77 card-shadow: none,
78 input-height: $grid-size * 4,
79 use-icons-for-pager-buttons: true,
80 value-change-delta-up-color: $value-change-delta-up-color,
81 value-change-delta-down-color: $value-change-delta-down-color,
82 value-change-value-highlight-background-color: $value-change-value-highlight-background-color,
83 odd-row-background-color: $odd-row-background-color,
84
85 ag-range-selected-color-1: opacify($range-selection-background-color, 0.1),
86 ag-range-selected-color-2: opacify($range-selection-background-color, 0.2),
87 ag-range-selected-color-3: opacify($range-selection-background-color, 0.3),
88 ag-range-selected-color-4: opacify($range-selection-background-color, 0.4)
89);