[Summary view] [Print] [Text view]

   1  @import "../../variables";
   2  
   3  // Search tools
   4  
   5  .js-stools {
   6    display: flex;
   7    flex-wrap: wrap;
   8  }
   9  
  10  .js-stools-container-bar,
  11  .js-stools-container-filters {
  12    margin-bottom: 10px;
  13  }
  14  
  15  .js-stools-container-bar {
  16    margin-inline-start: auto;
  17  
  18    .btn-toolbar {
  19      justify-content: flex-end;
  20  
  21      > * {
  22        margin: 5px 0;
  23  
  24        + * {
  25          margin-inline-start: 8px;
  26        }
  27      }
  28  
  29      .js-stools-btn-clear {
  30        background-color: var(--template-bg-dark);
  31      }
  32    }
  33  
  34    .ordering-select {
  35      display: flex;
  36    }
  37  }
  38  
  39  .js-stools-container-filters {
  40    display: none;
  41    width: 100%;
  42  
  43    &-visible {
  44      display: grid;
  45      grid-gap: 8px;
  46      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  47      padding: 10px;
  48      background-color: $white;
  49    }
  50  }
  51  
  52  .js-stools-field-list {
  53    + .js-stools-field-list {
  54      margin-inline-start: 8px;
  55    }
  56  }
  57  
  58  .js-stools-container-selector {
  59    margin: 5px 0;
  60    margin-inline-end: 8px;
  61  }