views/ngXosViews/ecordTopology/src/sass/elan-map.scss

/*
 * Copyright 2017-present Open Networking Foundation

 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at

 * http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


@import '../../../../style/sass/lib/_variables.scss';
@import './vars.scss';

elan-map {
  display: block;
  width: 100%;
  height: 380px;
  position: relative;

  svg{
    position: absolute;
    top: 0;
    left: 0;
  }

  circle.elan,
  rect.elan {
    stroke: $brand-info;
    stroke-width: 2;
    fill: #fff;
  }

  circle.elan,
  circle.uni {
    cursor: pointer;
  }

  .node.uni {

    circle.uni,
    rect.uni {
      stroke: $cord-red;
      stroke-width: 2;
      fill: #fff;
    }
    path {
      fill: darken($cord-red, 20%);
    }
  }

  line {
    stroke: $cord-red;
    stroke-width: 1;
  }

  #map {
    background: #EFEBE2;
  }

  .subunit {
    fill: #B7DAFF;
    stroke: white;
    stroke-width: 1px;
  }

  .subunit._10{
    fill: transparent;
    stroke: transparent;
  }

  .exterior-boundary {
    fill: none;
    stroke: black;
    stroke-linejoin: round;
    stroke-width: 1px;
  }
}