catalog-ui/src/app/ng2/components/logic/service-path/service-path.component.less

   1 //@import 'src/assets/styles/variables.less';
   2 @import './../../../../../assets/styles/variables.less';
   3 .service-path {
   4         position: relative;
   5         .create-path-button{
   6                 &:extend(.search-bar-button);
   7                 width: 30px;
   8                 height: 30px;
   9                 &:hover {
  10                         color: @main_color_a;
  11                 }
  12                 &:active {
  13                         background: @main_color_a;
  14                         color: @main_color_p;
  15                 }
  16                 &:focus {
  17                         outline: none;
  18                 }
  19         }
  20         .service-path-menu {
  21                 border: 1px solid @main_color_o;
  22                 border-radius: 0 0 2px 2px;
  23                 border-top-color: @main_color_a;
  24                 border-top-width: 3px;
  25
  26                 box-sizing: border-box;
  27                 box-shadow: 0 2px 4px 0 rgba(0,0,0,0.30);
  28
  29                 background-color: @main_color_p;
  30
  31                 padding: 5px 0;
  32                 right: 34px;
  33                 position: absolute;
  34                 top: 10px;
  35                 width: 150px;
  36                 font-size: 13px;
  37                 font-family: @font-opensans-regular;
  38
  39                 li {
  40                         color: @main_color_m;
  41                         padding: 0 10px;
  42                         line-height: 20px;
  43                         &:hover {
  44                                 cursor: pointer;
  45                                 color: @main_color_a;
  46                                 background-color: fade(@main_color_a, 5%);
  47                         }
  48                 }
  49
  50         }
  51 }