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

     1  @import 'glue';
     2  
     3  // Headers
     4  .docs-component-main {
     5    h1,
     6    h2,
     7    h3,
     8    h4 {
     9      @extend .glue-headline;
    10      @extend .glue-has-top-margin;
    11  
    12      // This creates a "fake block" above the header that does not show up
    13      // anywhere but tricks the browser into thinking that the anchor is 80px
    14      // higher than it actually is.
    15      &::before {
    16        display: block;
    17        content: ' ';
    18        height: 80px;
    19        margin-top: -80px;
    20        pointer-events: none;
    21        visibility: hidden;
    22      }
    23    }
    24    h1 {
    25      @extend .glue-headline--two;
    26      @extend .glue-has-bottom-margin;
    27    }
    28    h2 {
    29      @extend .glue-headline--three;
    30      @extend .glue-has-bottom-margin;
    31    }
    32    h3 {
    33      @extend .glue-headline--four;
    34      @extend .glue-has-bottom-margin;
    35    }
    36    h4 {
    37      @extend .glue-headline--four;
    38    }
    39  }