| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 1 | @charset "utf-8"; |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 2 | @use "../../util"; |
| 3 | @use "../../base/colors"; | ||||
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 4 | |
| 5 | /** | ||||
| 6 | * SVG tree | ||||
| 7 | */ | ||||
| 8 | path.edge { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 9 | stroke: colors.$darker-orange; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 10 | stroke-width: 2px; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 11 | fill: none; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 12 | } |
| 13 | |||||
| Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 14 | g.arc.infocus > path.edge { |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 15 | stroke: colors.$dark-green; |
| Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 16 | } |
| 17 | |||||
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 18 | marker#arr { |
| 19 | overflow: visible; | ||||
| 20 | path { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 21 | stroke: colors.$darkest-orange; |
| 22 | fill: colors.$darkest-orange; | ||||
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 23 | fill-opacity: 1; |
| Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 24 | stroke-width: 2; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 25 | } |
| 26 | } | ||||
| 27 | |||||
| 28 | path.anchor { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 29 | stroke: colors.$darkest-orange; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 30 | stroke-width: 3; |
| Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 31 | stroke-linecap: round; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 32 | z-index: 20; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 33 | } |
| 34 | |||||
| 35 | g.root rect.empty { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 36 | stroke: colors.$darker-orange; |
| 37 | fill: colors.$darker-orange; | ||||
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 38 | stroke-width: 2px; |
| 39 | } | ||||
| 40 | |||||
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 41 | g.middle, |
| 42 | g.label { | ||||
| Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 43 | rect { |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 44 | stroke: colors.$darker-orange; |
| Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 45 | stroke-width: 2px; |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 46 | fill: colors.$middle-orange; |
| Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 47 | } |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 48 | } |
| 49 | |||||
| Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 50 | g.label.infocus rect { |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 51 | stroke: colors.$dark-green; |
| 52 | fill: colors.$lightest-green; | ||||
| Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 53 | } |
| 54 | |||||
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 55 | g.middle.mark { |
| 56 | rect { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 57 | fill: colors.$darker-orange; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 58 | } |
| 59 | > text { | ||||
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 60 | fill: colors.$light-orange; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 61 | |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 62 | > tspan { |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 63 | stroke: colors.$light-orange; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 64 | } |
| 65 | } | ||||
| 66 | } | ||||
| 67 | |||||
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 68 | g.leaf.mark text > tspan { |
| 69 | font-weight: bold; | ||||
| 70 | } | ||||
| 71 | |||||
| 72 | g.leaf > rect { | ||||
| 73 | display: none; | ||||
| 74 | } | ||||
| 75 | |||||
| 76 | g > text > tspan { | ||||
| 77 | text-anchor: middle; | ||||
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 78 | font-size: 9pt; |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 79 | } |
| 80 | |||||
| Akron | 3d20428 | 2017-09-07 18:24:18 +0200 | [diff] [blame] | 81 | g.leaf > text, |
| 82 | text.leaf { | ||||
| 83 | > tspan { | ||||
| 84 | font-size: 10pt; | ||||
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 85 | overflow: visible; |
| Akron | 3d20428 | 2017-09-07 18:24:18 +0200 | [diff] [blame] | 86 | } |
| Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 87 | } |