resources/scss/common/_base.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  */
  21 html {
  22   font-size: 100%;
  23   height: 100%;
  24 }
  25
  26 body {
  27   /* scrollbar styling for Internet Explorer */
  28   scrollbar-face-color: $scroll-bar-color;
  29   scrollbar-track-color: $scroll-bar-color;
  30   height: 100vh;
  31   min-width: $minimum-application-width;
  32 }
  33
  34 /* scrollbar styling for Google Chrome | Safari | Opera */
  35 ::-webkit-scrollbar {
  36   width: 8px;
  37 }
  38
  39 ::-webkit-scrollbar-track {
  40   background-color: transparent;
  41   border-radius: 10px;
  42 }
  43
  44 ::-webkit-scrollbar-thumb {
  45   border-radius: 10px;
  46   border: 1px solid $scroll-bar-color;
  47   background-color: transparent;
  48 }
  49
  50 /* Mozilla Firefox currently doesn't support scrollbar styling */
  51
  52 ul {
  53   list-style: none;
  54 }
  55
  56 h1, h2, h3, h4, h5, h6, ul {
  57   margin: 0;
  58   padding: 0;
  59 }
  60
  61 input {
  62   padding: 5px 10px 0px 10px;
  63 }
  64
  65 fieldset {
  66   border: none;
  67 }
  68
  69 fieldset {
  70   label {
  71         display: inline-block;
  72   }
  73 }
  74
  75 .nav-tabs > li > a:focus,
  76 .btn:focus,
  77 .btn:active:focus,
  78 .btn.active:focus {
  79   outline: none;
  80 }