sigs.k8s.io/kueue@v0.6.2/site/assets/scss/_styles_project.scss (about)

     1  // --------------------------------------------------
     2  // remove whitespace after footer
     3  // --------------------------------------------------
     4  footer {
     5    min-height: auto;
     6  }
     7  
     8  // --------------------------------------------------
     9  // prevent overflow of long names in sidebar
    10  // --------------------------------------------------
    11  .td-sidebar-nav__section > ul {
    12    overflow-wrap: break-word;
    13  }
    14  
    15  .td-overlay--dark::after {
    16    background-color: rgba(33, 61, 122, 0.6);
    17  }
    18  
    19  #main_navbar {
    20    justify-content: end;
    21    padding-right: 16px;
    22  }
    23  
    24  .row > * {
    25    flex-shrink: 1;
    26  }
    27  
    28  .row > .container {
    29    max-width: 1200px;
    30  }
    31  
    32  // --------------------------------------------------
    33  // custom navbar with larger logo, dropdown on mobile
    34  // --------------------------------------------------
    35  .td-navbar {
    36    min-height: auto;
    37  
    38    .navbar-brand {
    39      margin: 0;
    40      padding: 0;
    41  
    42      .text-uppercase {
    43        display: none;
    44      }
    45  
    46      .navbar-logo {
    47        svg {
    48          display: inline-block;
    49          position: absolute;
    50          top: 0;
    51          z-index: 33;
    52          padding: 10px;
    53          height: 95px;
    54          background: white;
    55          border: 2px solid #4279f4;
    56          border-top: none;
    57  
    58          @include media-breakpoint-down(md) {
    59            width: 80px;
    60            height: auto;
    61            padding: 6px;
    62          }
    63        }
    64      }
    65    }
    66  
    67    .navbar-nav {
    68      @include media-breakpoint-down(md) {
    69        font-size: .875rem;
    70        .dropdown {
    71          min-width: inherit;
    72        }
    73      }
    74    }
    75  }
    76  
    77  .td-sidebar {
    78    padding-bottom: 0.5rem;
    79  
    80    .td-sidebar__inner {
    81      padding-top: 30px;
    82  
    83      @include media-breakpoint-down(md) {
    84        padding-top: 10px;
    85      }
    86    }
    87  }
    88  
    89  .td-sidebar-toc {
    90    @supports (position: sticky) {
    91        position: sticky;
    92        top: 60px;
    93        height: calc(100vh - 120px);
    94        overflow-y: auto;
    95    }
    96  }
    97  
    98  
    99  // --------------------------------------------------
   100  // 404 page
   101  // --------------------------------------------------
   102  .error-page {
   103    margin-top: 120px;
   104  
   105    ul {
   106      margin-bottom: 50px;
   107      list-style-type: none;
   108      display: flex;
   109      align-items: center;
   110      justify-content: center;
   111      flex-wrap: wrap;
   112      padding-left: 0;
   113    }
   114  
   115    li {
   116      margin-left: 10px;
   117      margin-right: 10px;
   118    }
   119  
   120    h1 {
   121      text-align: center;
   122      margin-bottom: 20px;
   123    }
   124  
   125    @media (min-width: 768px) and (max-width: 991px) {
   126      margin-top: 100px;
   127    }
   128  
   129    @media (max-width: 767px) {
   130      margin-top: 50px;
   131    }
   132  }
   133  
   134  figcaption {
   135    font-size: 0.8rem;
   136    text-align: center;
   137    font-style: italic;
   138    color: #6c757d;
   139  }
   140  
   141  // --------------------------------------------------
   142  // for tabbed code blocks
   143  // --------------------------------------------------
   144  .nav-tabs {
   145    border-bottom: none !important;
   146  }
   147  
   148  .td-content > ul li,
   149  .td-content > ol li.nav-item {
   150    margin-bottom: 0px;
   151  }
   152  
   153  .td-content .tab-content .highlight {
   154    margin: 0;
   155  }
   156  
   157  .tab-pane {
   158    border-radius: 0.25rem;
   159    padding: 0 16px 16px;
   160  
   161    border: 1px solid #dee2e6;
   162  
   163    &:first-of-type.active {
   164      border-top-left-radius: 0;
   165    }
   166  }
   167  
   168  nav.foldable-nav .ul-1 .with-child>label:hover:before {
   169    transform: none;
   170  }
   171  
   172  nav.foldable-nav .ul-1 .with-child>input:checked~label:hover:before {
   173    transform: rotate(90deg) !important;
   174  }