@import '../../scss/styles.scss';

.field-type.row {
  .row__fields {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + var(--base));
    margin-left: calc(var(--base) * -0.5);
    margin-right: calc(var(--base) * -0.5);

    > * {
      flex-grow: 1;
      padding-left: calc(var(--base) * 0.5);
      padding-right: calc(var(--base) * 0.5);
    }
  }

  @include mid-break {
    .row__fields {
      display: block;
      margin-left: 0;
      margin-right: 0;
      width: 100%;

      > * {
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}
