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

     1  #map {
     2    height: calc(var(--spacing-76));
     3  }
     4  
     5  .placelistpage .list {
     6    margin-left: 0;
     7    margin-right: 0;
     8  }
     9  
    10  .tabs {
    11    display: none;
    12  }
    13  
    14  @media (min-width: 1000px) and (max-width: 1300px) {
    15    .placelistpage {
    16      margin-left: var(--spacing-8);
    17      width: auto;
    18    }
    19  }
    20  
    21  @media (max-width: 500px) {
    22    .placelistpage .tabs {
    23      display: none;
    24    }
    25  
    26    .main,
    27    .placelist {
    28      height: 100%;
    29    }
    30    .map {
    31      display: none;
    32      height: calc(100vh - var(--height-header) - var(--spacing-8));
    33    }
    34    .map .container-header {
    35      display: none;
    36    }
    37    .map #map {
    38      height: 100%;
    39    }
    40    .placelistpage .tabs {
    41      display: flex;
    42      background: #000;
    43      bottom: 0;
    44      height: var(--spacing-8);
    45      position: fixed;
    46      width: 100%;
    47    }
    48  
    49    .placelistpage .tabs button {
    50      border: none;
    51      border-radius: none;
    52      cursor: pointer;
    53      display: block;
    54      font-weight: 700;
    55      height: var(--spacing-8);
    56      text-transform: uppercase;
    57      width: 100%;
    58    }
    59  
    60    .placelistpage .tabs button.active {
    61      color: white;
    62      background-color: black;
    63    }
    64  }