github.com/googleapis/api-linter@v1.65.2/docs/_sass/sidebar.scss (about)

     1  @import 'colors';
     2  @import 'glue';
     3  
     4  // TOC Sidebar
     5  .docs-component-sidebar {
     6    display: none;
     7  }
     8  
     9  @media (min-width: 1380px) {
    10    .docs-component-main {
    11      padding-left: 100px;
    12    }
    13  }
    14  
    15  @media (min-width: 1024px) {
    16    .docs-component-main {
    17      padding-right: 250px;
    18    }
    19  
    20    .docs-component-sidebar {
    21      -webkit-position: sticky;
    22      display: block;
    23      float: right;
    24      position: sticky;
    25      right: 20px;
    26      top: 80px;
    27      width: 230px;
    28  
    29      .docs-component-sidebar-toc > ul {
    30        border-left: 3px solid $h-google-blue-700;
    31        clear: right;
    32        padding-left: 20px;
    33  
    34        li.toc-header {
    35          font-weight: 700;
    36          text-transform: uppercase;
    37  
    38          &:only-child {
    39            display: none;
    40          }
    41        }
    42  
    43        li {
    44          font-size: 14px;
    45          list-style: none;
    46          margin-top: 12px;
    47  
    48          a {
    49            color: $h-gm-grey-900;
    50            font-weight: 300;
    51          }
    52        }
    53      }
    54  
    55      .docs-component-sidebar-actions > ul li {
    56        font-weight: 700;
    57        font-size: 16px;
    58        list-style: none;
    59        margin-top: 12px;
    60        text-transform: uppercase;
    61  
    62        a,
    63        a:visited {
    64          color: $h-google-blue-700;
    65        }
    66  
    67        a:hover,
    68        a:active,
    69        a:focus {
    70          color: $h-google-blue-500;
    71        }
    72      }
    73    }
    74  }