ceph/src/rocksdb/docs/_sass/_header.scss

   1 .fixedHeaderContainer {
   2   background: $primary-bg;
   3   color: $primary-overlay;
   4   height: $header-height;
   5   padding: $header-ptop 0 $header-pbot;
   6   position: fixed;
   7   width: 100%;
   8   z-index: 9999;
   9
  10   a {
  11     align-items: center;
  12     border: 0;
  13     color: $primary-overlay;
  14     display: flex;
  15     flex-flow: row nowrap;
  16     height: $header-height;
  17   }
  18
  19   header {
  20     display: flex;
  21     flex-flow: row nowrap;
  22     position: relative;
  23     text-align: left;
  24
  25     img {
  26       height: 24px;
  27       margin-right: 10px;
  28     }
  29
  30     h2 {
  31       display: block;
  32       font-family: $header-font-family;
  33       font-weight: 900;
  34       line-height: 18px;
  35       position: relative;
  36     }
  37   }
  38 }
  39
  40 .navigationFull {
  41   height: 34px;
  42   margin-left: auto;
  43
  44   nav {
  45     position: relative;
  46
  47     ul {
  48       display: flex;
  49       flex-flow: row nowrap;
  50       margin: 0 -10px;
  51
  52       li {
  53         padding: 0 10px;
  54         display: block;
  55
  56         a {
  57           border: 0;
  58           color: $primary-overlay-special;
  59           font-size: 16px;
  60           font-weight: 400;
  61           line-height: 1.2em;
  62
  63           &:hover {
  64             border-bottom: 2px solid $primary-overlay;
  65             color: $primary-overlay;
  66           }
  67         }
  68
  69         &.navItemActive {
  70           a {
  71             color: $primary-overlay;
  72           }
  73         }
  74       }
  75     }
  76   }
  77 }
  78
  79 /* 900px
  80
  81
  82   .fixedHeaderContainer {
  83     .navigationWrapper {
  84       nav {
  85         padding: 0 1em;
  86         position: relative;
  87         top: -9px;
  88
  89         ul {
  90           margin: 0 -0.4em;
  91           li {
  92             display: inline-block;
  93
  94             a {
  95               padding: 14px 0.4em;
  96               border: 0;
  97               color: $primary-overlay-special;
  98               display: inline-block;
  99
 100               &:hover {
 101                 color: $primary-overlay;
 102               }
 103             }
 104
 105             &.navItemActive {
 106               a {
 107                 color: $primary-overlay;
 108               }
 109             }
 110           }
 111         }
 112       }
 113
 114       &.navigationFull {
 115         display: inline-block;
 116       }
 117
 118       &.navigationSlider {
 119         display: none;
 120       }
 121     }
 122   }
 123
 124   1200px
 125
 126   .fixedHeaderContainer {
 127     header {
 128       max-width: 1100px;
 129     }
 130   }
 131
 132   1500px
 133   .fixedHeaderContainer {
 134     header {
 135       max-width: 1400px;
 136     }
 137   }
 138  */