Project

General

Profile

« Previous | Next » 

Revision 26370e4f

Added by Andreas Kohlbecker about 3 years ago

ref #7599 ref #6866 specimen details in floating tables - responsive layout

View differences:

themes/zen_dataportal/sass/cdm.scss
259 259
      background-color: lighten($menu-bar-background-color, 5%);
260 260

  
261 261
      display: grid;
262
      grid-template-columns : repeat(2, 1fr);
263 262
      grid-column-gap: $derived-unit-details-table-gutter;
264

  
263
      grid-row-gap: $derived-unit-details-table-gutter;
264
      @media all and (max-width: 659px) {
265
        grid-template-columns : repeat(1, 1fr);
266
      }
267
      @media all and (min-width: 660px) {
268
        grid-template-columns: repeat(2, 1fr);
269
      }
265 270
      dl {
266 271
        margin: 0;
267 272
      }

Also available in: Unified diff