github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/doc/themes/docsy/assets/scss/blocks/_cover.scss (about)

     1  // A cover block is a full size cover with a fixed background for smaller screens.
     2  
     3  @include td-box-height-modifiers(".td-cover-block");
     4  
     5  .td-cover-logo {
     6      margin-right: 0.5em;
     7  }
     8  
     9  .td-cover-block {
    10      position: relative;
    11      padding-top: 5rem;
    12      padding-bottom: 5rem;
    13      background: {
    14          repeat: no-repeat;
    15          position: 50% 0;
    16          size: cover;
    17      };
    18  
    19      & > .byline {
    20          position: absolute;
    21          bottom: 2px;
    22          right: 4px;
    23      }
    24  }