Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/www/wp-content/themes/dt-the7/css/dynamic-less/elementor/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/* # grid
================================================== */

.dt-css-grid {
  .@{unique-shortcode-class-name}:not(.resize-by-browser-width) & {
    grid-template-columns: repeat(auto-fill, minmax(@grid-post-min-width, 1fr));

    & .double-width {
      grid-column: span 2;
    }

    .cssgridlegacy.no-cssgrid &,
    .no-cssgridlegacy.no-cssgrid & {
      display: flex;
      flex-flow: row wrap;

      & .wf-cell {
        flex: 1 0 @grid-post-min-width;
        min-width: @grid-post-min-width;
        max-width: 100%;
        padding: @grid-posts-gap;
        box-sizing: border-box;
      }
    }
  }

  .@{unique-shortcode-class-name}.resize-by-browser-width & {
    grid-template-columns: repeat(@desktop-columns, 1fr);
    grid-template-rows: auto;

    & .double-width {
      grid-column: span 2;
    }

    .cssgridlegacy.no-cssgrid & {

      & .wf-cell {
        width: 100%/@desktop-columns;

        &.double-width {
          width: calc(100%/@desktop-columns) * 2;
        }
      }
    }
  }
}

.setup-grid-columns(@columns) {
  .dt-css-grid {
    .@{unique-shortcode-class-name}.resize-by-browser-width & {
      grid-template-columns: repeat(@columns, 1fr);

      .cssgridlegacy.no-cssgrid &,
      .no-cssgridlegacy.no-cssgrid & {
        & .wf-cell {
          width: 100%/@columns;

          &.double-width {
            width: calc(100%/@columns)*2;
          }
        }
      }
    }
  }
}

@media screen and (max-width: @elementor-xl-breakpoint - 1) {
  .setup-grid-columns(@desktop-columns);
}

@media screen and (max-width: @elementor-lg-breakpoint - 1) {
  .setup-grid-columns(@tablet-columns);
}

@media screen and (max-width: @elementor-md-breakpoint - 1) {
  .setup-grid-columns(@mobile-columns);
}

@media screen and (min-width: @wide-desktop-width + 1) {
  .setup-grid-columns(@wide-desktop-columns);
}