eintopf.info@v0.13.16/themes/eintopf/assets/css/list.css (about)

     1  .list .container {
     2    margin-bottom: 0 !important;
     3  }
     4  .list .container-content {
     5    height: var(--spacing-32);
     6    padding: 10px;
     7    display: flex;
     8    align-items: center;
     9  }
    10  .list .container-content img {
    11    display: block;
    12    margin-left: auto;
    13    margin-right: auto;
    14    max-height: 100%;
    15    max-width: 100%;
    16  }
    17  
    18  .alphabet {
    19    display: none;
    20  }
    21  
    22  @media (min-width: 800px) {
    23    .list {
    24      margin-bottom: var(--spacing-8);
    25      margin-left: var(--spacing-8);
    26      margin-right: var(--spacing-8);
    27  
    28      grid-gap: var(--spacing-8);
    29      display: grid;
    30      grid-auto-rows: minmax(auto, auto);
    31      grid-template-columns: repeat(2, 1fr);
    32    }
    33  }
    34  
    35  @media (min-width: 1300px) {
    36    .list {
    37      margin-bottom: var(--spacing-8);
    38      margin-left: 0;
    39      margin-right: 0;
    40    }
    41  
    42    .list a {
    43      max-width: 380px;
    44      /* fix anchor offset */
    45      padding-top: calc(var(--height-header) + var(--spacing-8));
    46      margin-top: calc(-1 * (var(--height-header) + var(--spacing-8)));
    47    }
    48    .list .container h2 {
    49      overflow: hidden;
    50      text-overflow: ellipsis;
    51      white-space: nowrap;
    52    }
    53    .alphabet {
    54      position: fixed;
    55      -ms-flex-align: center;
    56      -ms-flex-pack: justify;
    57      align-items: center;
    58      background: #000;
    59      box-sizing: border-box;
    60      color: #fff;
    61      display: -ms-flexbox;
    62      display: flex;
    63      -ms-flex-wrap: wrap;
    64      flex-wrap: wrap;
    65      height: var(--spacing-16);
    66      justify-content: space-between;
    67      padding: var(--spacing-2) var(--spacing-4);
    68      width: inherit;
    69    }
    70    .alphabet span,
    71    .alphabet a {
    72      flex: 0 0 7.69231%;
    73      text-align: center;
    74    }
    75    .alphabet a {
    76      font-weight: 700;
    77    }
    78  }