@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

// Row
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  .col {
    &:not(:first-child),
    &:not(:last-child) {
      margin: 0px 10px;
      @include media-size-up(tablet) {
        margin: 0px 20px;
      }
    }
    &:first-child {
      margin-left: 0px;
    }

    &:last-child {
      margin-right: 0px;
    }
  }

  &.reversed {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;

    .col {
      &:first-child {
        margin-right: 0px !important;
      }

      &:last-child {
        margin-left: 0px !important;
      }
      &:not(:first-child),
      &:not(:last-child) {
        margin: 0px 10px;
        @include media-size-up(tablet) {
          margin: 0px 20px;
        }
      }
    }
  }

  &.tablet-up-reversed {
    @include media-size-up(tablet) {
      flex-direction: row-reverse;
    }
  }
}