gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 html,
   2 body {
   3   overflow-x: hidden; /* Prevent scroll on narrow devices */
   4 }
   5
   6 body {
   7   padding-top: 56px;
   8 }
   9
  10 @media (max-width: 767.98px) {
  11   .offcanvas-collapse {
  12     position: fixed;
  13     top: 56px; /* Height of navbar */
  14     bottom: 0;
  15     width: 100%;
  16     padding-right: 1rem;
  17     padding-left: 1rem;
  18     overflow-y: auto;
  19     background-color: var(--gray-dark);
  20     transition: -webkit-transform .3s ease-in-out;
  21     transition: transform .3s ease-in-out;
  22     transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  23     -webkit-transform: translateX(100%);
  24     transform: translateX(100%);
  25   }
  26   .offcanvas-collapse.open {
  27     -webkit-transform: translateX(-1rem);
  28     transform: translateX(-1rem); /* Account for horizontal padding on navbar */
  29   }
  30 }
  31
  32 .nav-scroller {
  33   position: relative;
  34   z-index: 2;
  35   height: 2.75rem;
  36   overflow-y: hidden;
  37 }
  38
  39 .nav-scroller .nav {
  40   display: -webkit-box;
  41   display: -ms-flexbox;
  42   display: flex;
  43   -ms-flex-wrap: nowrap;
  44   flex-wrap: nowrap;
  45   padding-bottom: 1rem;
  46   margin-top: -1px;
  47   overflow-x: auto;
  48   color: rgba(255, 255, 255, .75);
  49   text-align: center;
  50   white-space: nowrap;
  51   -webkit-overflow-scrolling: touch;
  52 }
  53
  54 .nav-underline .nav-link {
  55   padding-top: .75rem;
  56   padding-bottom: .75rem;
  57   font-size: .875rem;
  58   color: var(--secondary);
  59 }
  60
  61 .nav-underline .nav-link:hover {
  62   color: var(--blue);
  63 }
  64
  65 .nav-underline .active {
  66   font-weight: 500;
  67   color: var(--gray-dark);
  68 }
  69
  70 .text-white-50 { color: rgba(255, 255, 255, .5); }
  71
  72 .bg-purple { background-color: var(--purple); }
  73
  74 .border-bottom { border-bottom: 1px solid #e5e5e5; }
  75
  76 .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
  77
  78 .lh-100 { line-height: 1; }
  79 .lh-125 { line-height: 1.25; }
  80 .lh-150 { line-height: 1.5; }