blob: 7641d4929e6b52831de0b6c9b1931bf6a448dd32 (
plain)
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
94
95
96
97
98
|
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
// colors
$white: #ffffff;
$off-white: #fdfdfd;
$light-gray: #dfdfdf;
$medium-gray: #9f9f9f;
$medium-gray-dim: #9f9f9f;
$dark-gray: #323232;
$black: #000000;
$close-red: red;
$minimize-yellow: yellow;
$open-green: green;
$light-blue: #bdddf5;
$light-blue-transparent: #bdddf590;
$medium-blue: #4476f7;
$medium-blue-alt: #0047ff54;
$pink: #e0217d;
$yellow: #f5d747;
$close-red: #e48282;
$drop-shadow: '#32323215';
$INK_MASK_SIZE: 50000;
$INK_MASK_SIZE_HALF: -25000px;
//padding
$minimum-padding: 4px;
$medium-padding: 16px;
$large-padding: 32px;
//icon sizes
$icon-size: 28px;
// fonts
$sans-serif: 'Roboto', sans-serif;
$large-header: 16px;
$body-text: 13px;
$small-text: 10px;
// $sans-serif: "Roboto Slab", sans-serif;
// misc values
$border-radius: 0.3em;
$search-thumnail-size: 130;
$topbar-height: 37px;
$antimodemenu-height: 36px;
// dragged items
$contextMenu-zindex: 100002; // context menu shows up over everything
$radialMenu-zindex: 100000; // context menu shows up over everything
// borders
$standard-border: solid 1px #9f9f9f;
// border radius
$standard-border-radius: 3px;
// shadow
$standard-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
$mainTextInput-zindex: 999; // then text input overlay so that it's context menu will appear over decorations, etc
$docDecorations-zindex: 998; // then doc decorations appear over everything else
$remoteCursors-zindex: 997; // ... not sure what level the remote cursors should go -- is this right?
$SCHEMA_DIVIDER_WIDTH: 4;
$SCHEMA_NEW_NODE_HEIGHT: 30;
$MINIMIZED_ICON_SIZE: 24;
$MAX_ROW_HEIGHT: 44px;
$DFLT_IMAGE_NATIVE_DIM: 900px;
$LEFT_MENU_WIDTH: 60px;
$TREE_BULLET_WIDTH: 20px;
$CAROUSEL3D_CENTER_SCALE: 1.3;
$CAROUSEL3D_SIDE_SCALE: 0.6;
$CAROUSEL3D_TOP: 15;
$DATA_VIZ_TABLE_ROW_HEIGHT: 30px;
:export {
contextMenuZindex: $contextMenu-zindex;
SCHEMA_NEW_NODE_HEIGHT: $SCHEMA_NEW_NODE_HEIGHT;
SCHEMA_DIVIDER_WIDTH: $SCHEMA_DIVIDER_WIDTH;
MINIMIZED_ICON_SIZE: $MINIMIZED_ICON_SIZE;
MAX_ROW_HEIGHT: $MAX_ROW_HEIGHT;
SEARCH_THUMBNAIL_SIZE: $search-thumnail-size;
ANTIMODEMENU_HEIGHT: $antimodemenu-height;
TOPBAR_HEIGHT: $topbar-height;
DFLT_IMAGE_NATIVE_DIM: $DFLT_IMAGE_NATIVE_DIM;
LEFT_MENU_WIDTH: $LEFT_MENU_WIDTH;
TREE_BULLET_WIDTH: $TREE_BULLET_WIDTH;
INK_MASK_SIZE: $INK_MASK_SIZE;
MEDIUM_GRAY: $medium-gray;
CAROUSEL3D_CENTER_SCALE: $CAROUSEL3D_CENTER_SCALE;
CAROUSEL3D_SIDE_SCALE: $CAROUSEL3D_SIDE_SCALE;
CAROUSEL3D_TOP: $CAROUSEL3D_TOP;
DATA_VIZ_TABLE_ROW_HEIGHT: $DATA_VIZ_TABLE_ROW_HEIGHT;
}
|
