[Summary view] [Print] [Text view]

   1  // Row
   2  //
   3  // Rows contain your columns.
   4  
   5  @if $enable-grid-classes {
   6    .row {
   7      @include make-row();
   8  
   9      > * {
  10        @include make-col-ready();
  11      }
  12    }
  13  }
  14  
  15  @if $enable-cssgrid {
  16    .grid {
  17      display: grid;
  18      grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr);
  19      grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr);
  20      gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width});
  21  
  22      @include make-cssgrid();
  23    }
  24  }
  25  
  26  
  27  // Columns
  28  //
  29  // Common styles for small and large grid columns
  30  
  31  @if $enable-grid-classes {
  32    @include make-grid-columns();
  33  }