catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.less

   1 @import '../../../../../assets/styles/sprite-proxy-services-icons';
   2 @import '../../../../../assets/styles/variables';
   3 .header-main-container{
   4   background-color: #f8f8f8;
   5   width: 100%;
   6   height: 100px;
   7   display: flex;
   8   .inner-container{
   9     margin: 0 auto;
  10     display: flex;
  11   }
  12 }
  13 .selected {
  14   color: @main_color_a;
  15 }
  16 .node{
  17   display: flex;
  18   &.from-node{
  19        text-align: right;
  20    }
  21   &.to-node{
  22     text-align: left;
  23   }
  24   &.selected{
  25     .icon{
  26       border: solid 3px @main_color_a;
  27       padding: 4px;
  28       border-radius: 50%;
  29       background-color: @main_color_p;
  30     }
  31   }
  32   .icon{
  33     margin: auto 0;
  34     display: flex;
  35   }
  36   .text{
  37     font-family: @font-opensans-medium;
  38     margin: auto 10px;
  39     min-width: 450px;
  40     .node-name{
  41       font-size: 11px;
  42     }
  43     .selected-req-or-cap{
  44       font-size: 14px;
  45     }
  46   }
  47 }
  48 .connection{
  49   width: 67px;
  50   height: 0px;
  51   border-bottom: dashed 2px #979797;
  52   margin: auto 0;
  53 }