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
  10   @media screen and (max-width: 550px) {
  11     font-size: 90%;
  12   }
  13
  14   @media screen and (min-width: 1200px) {
  15     padding: 25px;
  16   }
  17
  18   .panel-block {
  19     margin-bottom: 15px;
  20   }
  21
  22   .block-title {
  23     text-transform: uppercase;
  24     font-weight: bold;
  25     color: $menu-color-block;
  26     margin-bottom: 10px;
  27   }
  28
  29   a {
  30     display: block;
  31     margin-left: 5px;
  32     height: 30px;
  33     color: $menu-color-link;
  34     cursor: pointer;
  35     transition: color 0.3s;
  36
  37     &:hover, &:focus {
  38       text-decoration: none !important;
  39       outline: none !important;
  40     }
  41
  42     .glyphicon {
  43       margin-right: 15px;
  44     }
  45
  46     &:hover, &.active {
  47       color: #fff;
  48     }
  49   }
  50 }