|
1 | 1 | #graphyte-arrow-def {
|
2 |
| - fill: @graphyte-edge-color; |
3 |
| - fill-opacity: @graphyte-edge-opacity; |
| 2 | + fill: @graphyte-edge-color; |
| 3 | + fill-opacity: @graphyte-edge-opacity; |
4 | 4 | }
|
5 | 5 |
|
6 | 6 | .vertex {
|
7 |
| - cursor: pointer; |
| 7 | + cursor: pointer; |
8 | 8 |
|
9 |
| - circle { |
10 |
| - fill: @graphyte-vertex-color; |
11 |
| - stroke: @graphyte-link-color; |
12 |
| - stroke-width: .5pt; |
| 9 | + circle { |
| 10 | + fill: @graphyte-vertex-color; |
| 11 | + stroke: @graphyte-link-color; |
| 12 | + stroke-width: .5pt; |
| 13 | + } |
| 14 | + |
| 15 | + g.label { |
| 16 | + text, .matte { |
| 17 | + fill: @graphyte-text-color; |
| 18 | + font-size: @graphyte-text-fontsize; |
| 19 | + text-rendering: geometricPrecision; // prevent labels from causing jitter on resize |
13 | 20 | }
|
14 | 21 |
|
15 |
| - g.label { |
16 |
| - text, .matte { |
17 |
| - fill: @graphyte-text-color; |
18 |
| - font-size: @graphyte-text-fontsize; |
19 |
| - text-rendering: geometricPrecision; // prevent labels from causing jitter on resize |
20 |
| - } |
21 |
| - |
22 |
| - .matte { |
23 |
| - stroke: @graphyte-text-matte; |
24 |
| - stroke-width: @graphyte-text-matte-stroke-width; |
25 |
| - opacity: @graphyte-text-matte-opacity; |
26 |
| - } |
| 22 | + .matte { |
| 23 | + stroke: @graphyte-text-matte; |
| 24 | + stroke-width: @graphyte-text-matte-stroke-width; |
| 25 | + opacity: @graphyte-text-matte-opacity; |
27 | 26 | }
|
| 27 | + } |
28 | 28 | }
|
29 | 29 |
|
30 | 30 | .vertex.root circle {
|
31 |
| - fill: @graphyte-highlight-fill; |
32 |
| - stroke: @graphyte-root-color; |
33 |
| - stroke-width: @graphyte-root-width; |
| 31 | + fill: @graphyte-highlight-fill; |
| 32 | + stroke: @graphyte-root-color; |
| 33 | + stroke-width: @graphyte-root-width; |
34 | 34 | }
|
35 | 35 |
|
36 | 36 | .vertex:hover circle, .vertex circle:hover {
|
37 |
| - stroke: @graphyte-highlight-stroke; |
38 |
| - stroke-width: @graphyte-highlight-width; |
| 37 | + stroke: @graphyte-highlight-stroke; |
| 38 | + stroke-width: @graphyte-highlight-width; |
39 | 39 | }
|
40 | 40 |
|
41 | 41 | .vertex:hover .label, .vertex .label:hover {
|
42 |
| - fill: @graphyte-highlight-stroke; |
| 42 | + fill: @graphyte-highlight-stroke; |
43 | 43 | }
|
44 | 44 |
|
45 | 45 | .satellite {
|
46 |
| - fill: @graphyte-vertex-color; |
| 46 | + fill: @graphyte-vertex-color; |
47 | 47 | }
|
48 | 48 |
|
49 | 49 | .edge {
|
50 |
| - stroke: @graphyte-edge-color; |
51 |
| - stroke-width: @graphyte-edge-width; |
52 |
| - stroke-opacity: @graphyte-edge-opacity; |
| 50 | + stroke: @graphyte-edge-color; |
| 51 | + stroke-width: @graphyte-edge-width; |
| 52 | + stroke-opacity: @graphyte-edge-opacity; |
53 | 53 | }
|
0 commit comments