FileMaster

Edit File: sc-columns.css

.sc-columns {
  display: flex;
  box-sizing: border-box;
  gap: var(--sc-column-spacing, var(--sc-spacing-xxxx-large));
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  flex-wrap: wrap !important;
  align-items: initial !important;
  /**
  * All Columns Alignment
  */
}
@media (min-width: 782px) {
  .sc-columns {
    flex-wrap: nowrap !important;
  }
}
.sc-columns.are-vertically-aligned-top {
  align-items: flex-start;
}
.sc-columns.are-vertically-aligned-center {
  align-items: center;
}
.sc-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}
@media (max-width: 781px) {
  .sc-columns:not(.is-not-stacked-on-mobile).is-full-height > sc-column {
    padding: 30px !important;
  }
}
.sc-columns:not(.is-not-stacked-on-mobile) > sc-column {
  max-width: none;
}
@media (max-width: 781px) {
  .sc-columns:not(.is-not-stacked-on-mobile) > sc-column {
    flex-basis: 100% !important;
  }
}
@media (min-width: 782px) {
  .sc-columns:not(.is-not-stacked-on-mobile) > sc-column {
    flex-basis: 0;
    flex-grow: 1;
  }
  .sc-columns:not(.is-not-stacked-on-mobile) > sc-column[style*=flex-basis] {
    flex-grow: 0;
  }
}
.sc-columns.is-not-stacked-on-mobile {
  flex-wrap: nowrap !important;
}
.sc-columns.is-not-stacked-on-mobile > sc-column {
  flex-basis: 0;
  flex-grow: 1;
}
.sc-columns.is-not-stacked-on-mobile > sc-column[style*=flex-basis] {
  flex-grow: 0;
}
@media (min-width: 782px) {
  .sc-columns.is-full-height {
    min-height: 100vh !important;
  }
}
@media (max-width: 782px) {
  .sc-columns.is-reversed-on-mobile {
    flex-direction: column-reverse;
  }
}

sc-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  /**
  * Individual Column Alignment
  */
}
sc-column.is-vertically-aligned-top {
  align-self: flex-start;
}
sc-column.is-vertically-aligned-center {
  align-self: center;
}
sc-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}
sc-column.is-vertically-aligned-top, sc-column.is-vertically-aligned-center, sc-column.is-vertically-aligned-bottom {
  width: 100%;
}
@media (min-width: 782px) {
  sc-column.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--sc-column-content-width) !important;
  }
  sc-column.is-layout-constrained.is-horizontally-aligned-right > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  sc-column.is-layout-constrained.is-horizontally-aligned-left > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}
@media (min-width: 782px) {
  sc-column.is-sticky {
    position: sticky !important;
    align-self: flex-start;
    top: 0;
  }
}

Back