Rizwan Haider | 8e5f477 | 2016-08-17 18:04:35 -0400 | [diff] [blame] | 1 | @import '../../../../style/sass/lib/_variables.scss'; |
2 | @import './vars.scss'; | ||||
3 | |||||
4 | elan-map { | ||||
5 | display: block; | ||||
6 | width: 100%; | ||||
7 | height: 380px; | ||||
8 | position: relative; | ||||
9 | |||||
10 | svg{ | ||||
11 | position: absolute; | ||||
12 | top: 0; | ||||
13 | left: 0; | ||||
14 | } | ||||
15 | |||||
16 | circle.elan, | ||||
17 | rect.elan { | ||||
18 | stroke: $brand-info; | ||||
19 | stroke-width: 2; | ||||
20 | fill: #fff; | ||||
21 | } | ||||
22 | |||||
23 | circle.elan, | ||||
24 | circle.uni { | ||||
25 | cursor: pointer; | ||||
26 | } | ||||
27 | |||||
28 | .node.uni { | ||||
29 | |||||
30 | circle.uni, | ||||
31 | rect.uni { | ||||
32 | stroke: $cord-red; | ||||
33 | stroke-width: 2; | ||||
34 | fill: #fff; | ||||
35 | } | ||||
36 | path { | ||||
37 | fill: darken($cord-red, 20%); | ||||
38 | } | ||||
39 | } | ||||
40 | |||||
41 | line { | ||||
42 | stroke: $cord-red; | ||||
43 | stroke-width: 1; | ||||
44 | } | ||||
45 | |||||
46 | #map { | ||||
47 | background: #EFEBE2; | ||||
48 | } | ||||
49 | |||||
50 | .subunit { | ||||
51 | fill: #B7DAFF; | ||||
52 | stroke: white; | ||||
53 | stroke-width: 1px; | ||||
54 | } | ||||
55 | |||||
56 | .subunit._10{ | ||||
57 | fill: transparent; | ||||
58 | stroke: transparent; | ||||
59 | } | ||||
60 | |||||
61 | .exterior-boundary { | ||||
62 | fill: none; | ||||
63 | stroke: black; | ||||
64 | stroke-linejoin: round; | ||||
65 | stroke-width: 1px; | ||||
66 | } | ||||
67 | } |