blob: 56abd53e7dcf9742c3388d4792f599c525a60f60 [file] [log] [blame]
Matteo Scandolo75171782017-03-08 14:17:01 -08001@import './../../../style/vars.scss';
2@import '../../../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables';
3
4xos-fine-grained-tenancy-graph {
5 display: block;
Matteo Scandolo6d3e80e2017-03-10 11:34:43 -08006 height: 100%;
Matteo Scandolo75171782017-03-08 14:17:01 -08007 // background: $color-accent;
8
9 svg {
Matteo Scandolo6d3e80e2017-03-10 11:34:43 -080010 height: 100%;
Matteo Scandolo75171782017-03-08 14:17:01 -080011 width: 100%;
12 background-color: $panel-filled-bg;
13 border-radius: 3px;
14 }
15
16 .node-group {
17
18 .node {
19 cursor: pointer;
20 }
21
22 .node {
23 rect, circle {
24 stroke: $color-accent;
25 fill: $background-color;
26 }
27
28 &.network > circle{
29 stroke: blue;
30 }
31
32 &.tenant > rect{
33 stroke: green;
34 }
35
36 &.subscriber > rect{
37 stroke: red;
38 }
39 }
40
41 .node > text {
42 fill: #fff;
43 font-size: 20px;
44 }
45 }
46
47 .link-group {
48 line {
49 stroke: $color-accent;
50 }
51 }
52 .arrow-marker {
53 stroke: $color-accent;
54 fill: $color-accent;
55 }
56}