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