/
sidebar.css
121 lines (96 loc) · 2.81 KB
/
sidebar.css
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
.vertical-sidebar {
-fx-background-color: -sidebar-border-color, -sidebar-background-color;
-fx-background-insets: 0 0 0 0, 0 1 0 0;
-fx-padding: 1.666667em 0.666667em 1.0em 0.666667em;
}
.vertical-sidebar .sidebar-scroll{
-fx-fit-to-width: true;
-fx-fit-to-height: true;
-fx-padding: 0;
-fx-hbar-policy: never;
-fx-vbar-policy: as-needed;
}
.sidebar-expand-button {
-fx-padding: 0.0 0.0 0.5em 0.0;
-fx-alignment: top-right;
-fx-background-radius: 6px;
}
.sidebar-expand-toggle, .sidebar-button {
-fx-background-color: -sidebar-background-color;
}
.sidebar-expand-toggle:hover, .sidebar-button:hover {
-fx-background-color: -sidebar-btn-color-hover;
}
.sidebar-expand-toggle:focus-visible, .sidebar-button:focus-visible {
-fx-background-color: -sidebar-btn-border-focus-color, -sidebar-btn-color;
}
.sidebar-expand-toggle:focus-visible:hover, .sidebar-button:focus-visible:hover {
-fx-background-color: -sidebar-btn-border-focus-color-hover, -sidebar-btn-color-hover;
}
.sidebar-button-arrow {
-fx-fill: -sidebar-arrow-color;
}
.sidebar-buttons {
-fx-background-color: -sidebar-background-color;
-fx-background-insets: 0.0;
-fx-spacing: 0.416667em;
-fx-padding: 0.0 0.5em 1.0em 0.5em;
}
.tools-buttons {
-fx-spacing: 0.416667em;
}
.sidebar-button {
-fx-background-radius: 0.666667em, 0.666667em, 0.666667em !important;
-fx-background-insets: 0.0;
-fx-padding: 0.416667em 0.5em 0.416667em 0.5em;
-fx-min-width: 3em;
}
.sidebar-button.error > .ikonli-font-icon {
-fx-icon-color: -error-color !important;
}
.sidebar-button.info > .ikonli-font-icon {
-fx-icon-color: -info-color !important;
}
.sidebar-button.warn > .ikonli-font-icon {
-fx-icon-color: -warning-color !important;
}
.sidebar-buttons .sidebar-button:selected {
-fx-background-insets: 0.0;
-fx-opacity: 1;
-fx-background-color: -default-primary;
-fx-text-fill: white;
}
.sidebar-buttons .sidebar-button:selected > .ikonli-font-icon {
-fx-icon-color: white !important;
}
.sidebar-button-notification-container > .ikonli-font-icon {
-fx-icon-size: 16px !important;
-fx-background-color: -default-primary;
}
.sidebar-button-notification-container.error > .notification {
-fx-fill: -error-color !important;
}
.sidebar-button-notification-container.info > .notification {
-fx-fill: -info-color !important;
}
.sidebar-button-notification-container.warn > .notification {
-fx-fill: -warning-color !important;
}
.tool-icon {
-fx-icon-size: 24px;
}
.spacer {
-fx-min-height: 1em;
}
.sidebar-button .ikonli-font-icon {
-fx-icon-size: 28px;
}
.sidebar-title {
-fx-font-size: 0.9em;
}
.sidebar-button.drag-over {
-fx-opacity: 0.6;
-fx-border-color: -default-primary;
-fx-border-width: 2px 0 0 0;
-fx-border-insets: 2px 0 0 0;
}