/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/@scratch-css/grid@1.0.1/lib/index.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/* grid types */
@import './flexible.css';
@import './standard.css';
@import './rown.css';

@import './flexible-responsive.css';
@import './standard-responsive.css';

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -var(--gutter);
  margin-right: -var(--gutter);
  width: auto;
  box-sizing: border-box;

  & > .cell {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  &.direction {
    &-bottom { flex-direction: column }
    &-left { flex-direction: row-reverse }
    &-top { flex-direction: column-reverse }
  }

  &.no {
    &-wrap {
      flex-wrap: nowrap;
    }
  }

  &.margin {
    &-none {
      margin-left: 0;
      margin-right: 0;
    }

    &-tiny {
      margin-left: -var(--gutter-tiny);
      margin-right: -var(--gutter-tiny);
    }

    &-small {
      margin-left: -var(--gutter-small);
      margin-right: -var(--gutter-small);
    }

    &-big {
      margin-left: -var(--gutter-big);
      margin-right: -var(--gutter-big);
    }

    &-large {
      margin-left: -var(--gutter-large);
      margin-right: -var(--gutter-large);
    }
  }

  &.padding {
    &-none > .cell {
      padding-left: 0;
      padding-right: 0;
    }

    &-tiny > .cell {
      padding-left: var(--gutter-tiny);
      padding-right: var(--gutter-tiny);
    }

    &-small > .cell {
      padding-left: var(--gutter-small);
      padding-right: var(--gutter-small);
    }

    &-big > .cell {
      padding-left: var(--gutter-big);
      padding-right: var(--gutter-big);
    }

    &-large > .cell {
      padding-left: var(--gutter-large);
      padding-right: var(--gutter-large);
    }
  }
}