otf-frontend/client/src/app/layout/components/header/header.component.scss

   1 /*  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 #                                                                              #\r
   3 #   Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 #   you may not use this file except in compliance with the License.           #\r
   5 #   You may obtain a copy of the License at                                    #\r
   6 #                                                                              #\r
   7 #       http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 #                                                                              #\r
   9 #   Unless required by applicable law or agreed to in writing, software        #\r
  10 #   distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 #   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 #   See the License for the specific language governing permissions and        #\r
  13 #   limitations under the License.                                             #\r
  14 ##############################################################################*/\r
  15 \r
  16 \r
  17 $topnav-background-color: #045C87;\r
  18 \r
  19 :host {\r
  20     .navbar {\r
  21        \r
  22         background-color: $topnav-background-color;\r
  23         .navbar-brand {\r
  24             color: #fff;\r
  25             font-size: 1.5em !important;\r
  26         }\r
  27         .nav-item > a {\r
  28             color: #fff;\r
  29             &:hover {\r
  30                 color: lighten($topnav-background-color, 50%);\r
  31             }\r
  32         }\r
  33     }\r
  34     .messages {\r
  35         width: 300px;\r
  36         .media {\r
  37             border-bottom: 1px solid #ddd;\r
  38             padding: 5px 10px;\r
  39             &:last-child {\r
  40                 border-bottom: none;\r
  41             }\r
  42         }\r
  43         .media-body {\r
  44             h5 {\r
  45                 font-size: 13px;\r
  46                 font-weight: 600;\r
  47             }\r
  48             .small {\r
  49                 margin: 0;\r
  50             }\r
  51             .last {\r
  52                 font-size: 12px;\r
  53                 margin: 0;\r
  54             }\r
  55         }\r
  56     }\r
  57 }\r
  58 .my-class{\r
  59     line-height: 25px;\r
  60     height: 25px!important;\r
  61     min-height: unset!important;\r
  62 }