client/src/app/core/menu/menu.component.scss

   1 menu {
   2   background-color: $black-background;
   3   padding: 15px;
   4   margin: 0;
   5   height: 100%;
   6   white-space: nowrap;
   7   text-overflow: ellipsis;
   8   overflow: hidden;
   9   z-index: 1000;
  10
  11   @media screen and (max-width: 550px) {
  12     font-size: 90%;
  13   }
  14
  15   @media screen and (min-width: 1200px) {
  16     padding: 25px;
  17   }
  18
  19   .panel-block {
  20     margin-bottom: 15px;
  21   }
  22
  23   .block-title {
  24     text-transform: uppercase;
  25     font-weight: bold;
  26     color: $menu-color-block;
  27     margin-bottom: 10px;
  28   }
  29
  30   a {
  31     display: block;
  32     margin-left: 5px;
  33     height: 30px;
  34     color: $menu-color-link;
  35     cursor: pointer;
  36     transition: color 0.3s;
  37
  38     &:hover, &:focus {
  39       text-decoration: none !important;
  40       outline: none !important;
  41     }
  42
  43     .glyphicon {
  44       margin-right: 15px;
  45     }
  46
  47     &:hover, &.active {
  48       color: #fff;
  49     }
  50   }
  51 }