github.com/muhammadn/cortex@v1.9.1-0.20220510110439-46bb7000d03d/website/assets/scss/_styles_project.scss (about)

     1  //
     2  // Top navigation bar
     3  //
     4  
     5  .td-navbar {
     6      .nav-link {
     7          font-weight: $font-weight-normal;
     8      }
     9  }
    10  
    11  //
    12  // Left sidebar
    13  //
    14  
    15  .td-sidebar-nav {
    16      .td-sidebar-link {
    17          padding: 0.5rem 0;
    18  
    19          &__page {
    20              font-weight: $font-weight-normal;
    21          }
    22      }
    23      
    24      // Display a left border on the active page
    25      a {
    26          font-size: 0.9rem;
    27          font-weight: $font-weight-normal;
    28          padding-left: 13px !important;
    29  
    30          &.active {
    31              border-left: 3px solid $primary;
    32              font-weight: $font-weight-bold;
    33              padding-left: 10px !important;
    34          }
    35      }
    36  }
    37  
    38  @media (min-width: 768px) {
    39      .td-sidebar-nav__section > ul {
    40          padding-left: 1rem;
    41      }
    42  }
    43  
    44  //
    45  // Content
    46  //
    47  
    48  .td-content {
    49      > h4 {
    50          font-size: 1.2rem;
    51      }
    52  }
    53  
    54  //
    55  // Adopters logos
    56  //
    57  
    58  .adopters-logos {
    59      // Horizontally center logos.
    60      text-align: center;
    61  }
    62  
    63  .adopter-logo {
    64      display: inline-block;
    65      margin: 10px;
    66      padding: 10px;
    67      width: 180px;
    68      height: 100px;
    69      overflow: hidden;
    70  
    71      // Display a shadow behind the box to let it visually pop up.
    72      border: 1px solid #dedede;
    73      border-radius: 2px;
    74      box-shadow: 5px 5px 5px #dedede;
    75  
    76      // Horizontally and vertially center the image.
    77      text-align: center;
    78      line-height: 80px;
    79  
    80      > img {
    81          // Fit the image within the container.
    82          height: auto;
    83          width: auto;
    84          max-height: 100%;
    85          max-width: 100%;
    86      }
    87  }